Vue單頁面應用阻止瀏覽器記住密碼


現象1:路由切換時再次提示“是否記住密碼”

  • 登錄頁面有個密碼輸入框,輸入賬號密碼進行登錄;
  • 登錄完成后vue路由跳轉到主頁,這時候瀏覽器提示“是否記住密碼”,我選“否”;
  • 然后我點菜單跳轉到另一個路由,結果瀏覽器再次提示“是否記住密碼”,我再次選“否”;
  • 我接着又一次點菜單跳轉到另一個路由,瀏覽器還會繼續提示“是否記住密碼”;
  • 除非我刷新一下頁面或者選“是”,不然這個提示會不斷出現;
  • 這個現象很詭異,只在我的火狐瀏覽器必現,其他人都沒重現。

解決辦法:

  • 這其實是個代碼bug,在登錄頁面,用form把輸入框都包起來就行了。

 

現象2:autocomplete="off"無效

  • 無論是autocomplete="off"還是<input type="password">,只要點擊登錄,瀏覽器就會提示“是否記住密碼”

廣州vi設計http://www.maiqicn.com 辦公資源網站大全https://www.wode007.com

解決辦法:

  • (火狐、IE)把button移到form以外就行了;
  • (谷歌)將密碼輸入框定義為text,聚焦之后才變成password:<input type="text" onfocus="this.type='password'" autocomplete="off">;
  • 另外,我們最好在form內的最頂處加上<input type="password">,它的作用是,讓瀏覽器把密碼填到一個隱藏的密碼輸入框里面。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM