Vue單頁面應用阻止瀏覽器記住密碼 ——IT唐伯虎 摘要: Vue單頁面應用阻止瀏覽器記住密碼。 現象1：路由切換時再次提示“是否記住密碼” 登錄頁面有個密碼輸入框，輸入賬號密碼進行登錄； 登錄完成後vue路由跳轉到主頁，這時候瀏覽器提示“是否記住密碼”，我選“否”； 然後我點菜單跳轉到另一個路由， ...
Vue單頁面應用阻止瀏覽器記住密碼
——IT唐伯虎
摘要: Vue單頁面應用阻止瀏覽器記住密碼。
現象1：路由切換時再次提示“是否記住密碼”
- 登錄頁面有個密碼輸入框，輸入賬號密碼進行登錄；
- 登錄完成後vue路由跳轉到主頁，這時候瀏覽器提示“是否記住密碼”，我選“否”；
- 然後我點菜單跳轉到另一個路由，結果瀏覽器再次提示“是否記住密碼”，我再次選“否”；
- 我接著又一次點菜單跳轉到另一個路由，瀏覽器還會繼續提示“是否記住密碼”；
- 除非我刷新一下頁面或者選“是”，不然這個提示會不斷出現；
- 這個現象很詭異，只在我的火狐瀏覽器必現，其他人都沒重現。
解決辦法：
- 這其實是個代碼bug，在登錄頁面，用form把輸入框都包起來就行了。
現象2：autocomplete="off"無效
- 無論是autocomplete="off"還是<input type="password" style="display: none;">，只要點擊登錄，瀏覽器就會提示“是否記住密碼”
解決辦法：
- （火狐、IE）把button移到form以外就行了；
- （谷歌）將密碼輸入框定義為text，聚焦之後才變成password：<input type="text" onfocus="this.type='password'" autocomplete="off">；
- 另外，我們最好在form內的最頂處加上<input type="password" style="display: none;">，它的作用是，讓瀏覽器把密碼填到一個隱藏的密碼輸入框裡面。
