element Ui 实现密码的显示与隐藏

明思齐

已于 2023-04-21 12:00:10 修改

阅读量5.1k

点赞数 2

文章标签： vue.js elementui javascript

于 2023-04-21 11:58:55 首次发布

本文链接：https://blog.csdn.net/m0_61911999/article/details/130284259

版权

话不多说我们直接进入主题，要想实现密码的显示与隐藏，我们直接在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>