欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Element中el-input密碼輸入框瀏覽器自動填充賬號密碼問題的解決方法

 更新時間：2022年09月07日 09:33:23   作者：潮汐未見潮落  
自己寫了一個管理系統(tǒng),登錄成功之后,瀏覽器提示我保存賬號密碼,每次登錄時就會自動回填記住的賬號密碼,方便用戶快速登錄,下面這篇文章主要給大家介紹了關于Element中el-input密碼輸入框瀏覽器自動填充賬號密碼問題的解決方法,需要的朋友可以參考下

問題描述

通常情況下，瀏覽器會默認將已保存的賬號密碼 填充到 input    type 值為password的輸入框內，如果在登錄頁面，這當然是非常好的，自動填充密碼可以節(jié)約時間，提高良好的使用體驗，這樣當然是沒有什么問題的

但是如果在注冊頁面、新增賬號等頁面，這種操作 就是超出需求了（有點多此一舉）

 <div class="main-side">
      <div class="login-location">
           <!-- $refs.pass.focus()  按下回車 自動聚焦 密碼框  -->
            <el-input 
               @keyup.enter.native="$refs.pass.focus()" 
                v-model="account" 
                placeholder="用戶名">
            </el-input>
       </div>
       <div class="login-location">
           <el-input 
               ref="pass" 
               @keyup.enter.native="userLogin()" 
               v-model="password" 
               type="password" 
               placeholder="密碼">
            </el-input>
       </div>
 </div>

解決方法

auto-complete="new-password"

 在 type 為 passworld 的 input 中加 auto-complete="new-password" 屬性即可

添加一個類

給密碼框加入一個 class，之后寫 css  

/deep/

使用了外屆的組件或者自己開發(fā)一個組件，修改一處就可能會影響到用這個組件的所有樣式，所以就需要有一個方法或者方式，既不影響到別的地方，又能修改子組件在當前的樣式。/deep/ 就能實現(xiàn)，這樣就不會影響項目里使用這個公共組件的其他地方的樣式

.新加的類 {
  /deep/ .el-input__inner {
    -webkit-text-security:disc!important;
  } 
}

總結

到此這篇關于Element中el-input密碼輸入框瀏覽器自動填充賬號密碼問題解決的文章就介紹到這了,更多相關Element el-input密碼輸入框自動填充內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關文章

最新評論