[youzan/vant-weapp]真机输入框type类型

2024-02-18 189 views
6
重现链接

iconClick() { if (this.data.iconType == 'eye' || this.data.typeValue == 'text') { this.setData({ iconType: 'closed-eye', typeValue: 'password' }) } else { this.setData({ iconType: 'eye', typeValue: 'text' }) } },

Vant Weapp 版本

1.10.25

描述一下你遇到的问题。

输入框组件点击右侧图标改变输入框类型时,password转text类型,内容自动清空,改变时给自动聚焦时。内容与placeholder重叠显示

重现步骤

输入框组件点击右侧图标改变输入框类型时,password转text类型,内容自动清空,改变时给自动聚焦时。内容与placeholder重叠显示

设备/浏览器

ios

回答

8

wxml代码怎么写的

1

_<van-field label="密码:" value="{{ password }}" type="{{typeValue}}" placeholder="请输入密码" bind:input="passHandler" right-icon="{{iconType}}" right-icon-class="icontxt" border="{{ false }}" bind:click-icon="iconClick" `/>