需求描述:用户输入密码密文显示 *** 代替,点击输入框右侧小眼睛小图标展示明文,无论最终展示是明文还是密文提交时不让浏览器右侧弹出是否保存密码的弹窗
分析:浏览器右侧弹出是否保存密码的弹窗是为了方便不用用户每次都输入密码,是否弹窗主要是由于input的type='password'引起的
解决办法:
// 不设置type:password 使用css实现输入密码用**填充
<div @click="flag=!flag"></div>
<el-input v-if="flag" class="inputPassord" autocomplete="off" placeholder="请输入密码" v-model="input1"> </el-input>
<el-input v-else type="text" v-model="input1"> </el-input>
<script>
flag:true
</script>
css:
inputPassord:{-webkit-text-security:disc}