装企营销网站建设,响应式网站是做多大尺寸,一台主机多个wordpress,值得相信的西安网站开发老规矩先上效果图: vant 输入框组件 密码的隐藏与显示功能#xff1a;
注:
用password属性控制密码的显示与隐藏
不要用type属性#xff0c;type属性在真机上有时会没有效果
1、当然如果只用typepassword 不需要切换显示、隐藏也可以使用。 2、如果用到了密码的显示与…老规矩先上效果图: vant 输入框组件 密码的隐藏与显示功能
注:
用password属性控制密码的显示与隐藏
不要用type属性type属性在真机上有时会没有效果
1、当然如果只用typepassword 不需要切换显示、隐藏也可以使用。 2、如果用到了密码的显示与隐藏 最好 还是用 password属性 的true 和 false 3、右侧图标的显示 用right-icon 属性 然后用 passwordShow 变量控制 隐藏closed-eye 和 显示 eye-o 对应的icon图标。
4、bind:click-icon 点击尾部显示与隐藏 图标时触发 方法 代码如下 code: view classform_labelvan-fieldnamepasswordmodel:value{{ password }}password{{passwordShow}}maxlength20clearableright-icon{{ passwordShow ? closed-eye : eye-o }}placeholder请输入密码bind:click-icononClickIcon/van-field/view
js代码 data: {passwordShow: true},onClickIcon:function() {console.log(11111111)var that thisthat.setData({passwordShow: !that.data.passwordShow})},