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

Element中el-input密碼輸入框?yàn)g覽器自動(dòng)填充賬號(hào)密碼問(wèn)題的解決方法

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

問(wèn)題描述

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

但是如果在注冊(cè)頁(yè)面、新增賬號(hào)等頁(yè)面，這種操作 就是超出需求了（有點(diǎn)多此一舉）

 <div class="main-side">
      <div class="login-location">
           <!-- $refs.pass.focus()  按下回車 自動(dòng)聚焦 密碼框  -->
            <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" 屬性即可

添加一個(gè)類

給密碼框加入一個(gè) class，之后寫 css  

/deep/

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

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

總結(jié)

到此這篇關(guān)于Element中el-input密碼輸入框?yàn)g覽器自動(dòng)填充賬號(hào)密碼問(wèn)題解決的文章就介紹到這了,更多相關(guān)Element el-input密碼輸入框自動(dòng)填充內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論