vue 登陆禁止弹出保存密码框及禁止默认填充密码

本文主要是介绍vue 登陆禁止弹出保存密码框及禁止默认填充密码，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

οnfοcus=“this.removeAttribute(‘readonly’);” readonly
初始化为只读，当聚焦时去掉只读属性，只读可以防止浏览器自动填充。

-webkit-text-security：指定要使用的形状来代替文字的显示
none 无。
circle 圆圈。
disc 圆形。
square 正方形。

<el-form-item prop="password"><el-input:key="passwordType"ref="password":type="passwordType"v-model="loginForm.password"placeholder="请输入密码"no-autocompletename="password"tabindex="2"auto-complete="off"readonlyonfocus="this.removeAttribute('readonly');":class="pwdClass==true?'no-autofill-pwd':'no-auto2'"clearable/><span class="show-pwd" @click="showPwd"><svg-icon:icon-class="passwordType === 'text' ? 'eye' : 'eye-open'"/></span></el-form-item>

data(){return{passwordType: "text",pwdClass:true,}
},
methods:{showPwd() {if (this.passwordType === "text") {this.passwordType = "";this.pwdClass = false} else {this.pwdClass = truethis.passwordType = "text";}this.$nextTick(() => {this.$refs.password.focus();});},
}

.show-pwd {position: absolute;right: 10px;top: 3px;font-size: 16px;color: #138a7a;cursor: pointer;user-select: none;
}
.no-autofill-pwd {-webkit-text-security: disc !important;
}
.no-auto2 {-webkit-text-security: none !important;
}

这篇关于vue 登陆禁止弹出保存密码框及禁止默认填充密码的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---