1. 程式人生 > >react中解決火狐瀏覽器,360瀏覽器記住密碼,首次input密碼框不能置為空的bug的終極解決方案

react中解決火狐瀏覽器,360瀏覽器記住密碼,首次input密碼框不能置為空的bug的終極解決方案

密碼 操作 方案 tdi ted 原理 idm bubuko inpu

先直接上核心代碼如下:

技術分享圖片

在火狐瀏覽器,360瀏覽器,初次加載,bug長這樣:技術分享圖片

如果你想通過生命周期componentDidMounted等生命周期進行置空操作都是不行的,這可能是瀏覽器自帶的特性記住密碼在組件生命周期後才進行密碼回顯,這樣的實現原理把要回顯的密碼用一個無用input接收,達到目的!

  這是我的解決方案,如果你有更合適的解決方案,可以一起討論!

react中解決火狐瀏覽器,360瀏覽器記住密碼,首次input密碼框不能置為空的bug的終極解決方案