el输入标签中密码显示和隐藏功能的示例代码

效果显示：

密码隐藏：

密码显示：

代码演示：

1.El-输入标签代码

El-form-item标签=' password ' prop=' password ' El-input 3360 type=' passw ' v-model=' add user。密码' style=' width3360 300px'% -添加到输入的图标必须有slot='后缀'属性，否则图标无法显示-%I slot='后缀' : class=' icon ' @ click=' show pass '/I/El %-input/El-form-item II:脚本类型='text/javascript '

脚本类型=' text/JavaScript ' var app=new Vue({ El : ' # app '，data:{ users:[]，total:100，pageSize:5，pageNum:1，//用于显示或隐藏添加和修改表单add:false，//用于更改输入类型pass w3 3360 ' pass '，//用于更改图标icon 3360 ' El-Input _ _ icon El-1passw==' text') {this。passw=' password//将图标改为这个。icon=' El-input _ _ icon El-icon-view '；} else { this.passw=' textthis . icon=' El-input _ _ icon El-icon-loading '；};} }，})/脚本摘要

以上是边肖介绍的el-input标签中密码的显示和隐藏，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！如果你觉得这篇文章对你有帮助，请转载，请注明出处，谢谢！