vue Element-Ui 简单实现输入框密码的显示与隐藏

一、效果如下:

element-ui 简单实现密码输入框的显示与隐藏

二、实现代码:

只需要在输入框代码中添加 show-password ,然后在你输入密码时会自动出现眼睛图标,点击图标就可以显示和隐藏密码。

<el-input type="password" prefix-icon="el-icon-lock" v-model="loginForm.passWord" show-password></el-input>

相关资料:

element-ui 图标库: https://element.eleme.cn/#/zh-CN/component/icon

你可能感兴趣的:(vue.js,elementui,前端)