话不多说我们直接进入主题,要想实现密码的显示与隐藏,我们直接在el-input框中加入show-password 即可
我原先给密码输入框设置了 type="password" (输入框类型为密码,即所输入的内容都是以“密文”形式展示)
优:以密文展示;
劣:不能查看所输入的内容;
<el-form-item label="密码" prop="dorPassword">
<el-input v-model="form.dorPassword" style="width:260px;" type="password">
</el-input>
</el-form-item>
密码的显示与隐藏
<el-form-item label="密码" prop="dorPassword">
<el-input v-model="form.dorPassword" style="width:260px;" show-password>
</el-input>
</el-form-item>
点击查看小图标就可以查看了