有赞组件vant密码输入框input在微信小程序里隐藏显示密码有问题

最新推荐文章于 2024-05-08 16:54:34 发布

原创最新推荐文章于 2024-05-08 16:54:34 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序 #vue.js

vue.js 专栏收录该内容

46 篇文章

订阅专栏

本文介绍如何使用Vue组件的password属性来控制前端密码输入框的显示和隐藏，避免依赖type属性在真机上的兼容问题。

 <van-field
            value="{{ pwd}}"
            placeholder="请输入密码"
            border="{{ false }}"
            clearable
            class="form-input-item"
            password="{{passwordShow}}"
            icon="{{ passwordShow ? 'closed-eye' : 'eye-o' }}"
            bind:input="pwdChange"
            bind:click-icon="onClickIcon"
          />

用password属性控制密码的显示与隐藏

不要用type属性，type属性在真机上有时会没有效果