密码输入的显示和隐藏(显示*)

来源:互联网 发布:手机淘宝背景怎么设置 编辑:程序博客网 时间:2024/05/16 12:51
密码输入的显示和隐藏(显示*)
<figure class="password hidenpwd">
<input type="password" v-model="oldpassword" class="input input_psd input_name pwd_eye" name="oldpassword" placeholder="当前密码" value="" minlength="6" maxlength="16" tabindex="2" />
<i v-on:click="changeeye"></i>
</figure>
<figure class="password showpwd hide1">
<input type="text" v-model="oldpassword" class="input input_psd input_name pwd_eye" name="oldpassword" placeholder="当前密码" value="" minlength="6" maxlength="16" tabindex="2" />
<i v-on:click="changeeye"></i>
</figure>
同样的input,type类型,一个人是password,一个是text,点击切换隐藏显示就好了
<i>标签是密码的显示隐藏标签

v-on:click是vue.js中定义事件的方法
0 0
原创粉丝点击