小程序input密码显示隐藏

小程序中input的密码类型不是用type属性控制的，而且有独立的password属性来控制，当password为true时为密码输入类型，false为普通text类型，而直接控制password属性的值没法控制实时切换显示隐藏。

使用双input加上双向数据绑定来实现实时切换显示隐藏。代码如下：

wxml：

<view wx:if="{{isPassWord}}">
<input name="password" password='true' value='{{pwd_val}}' bindblur="bindblur" placeholder='输入密码'></input>
<text bindtap='isShow' class='iconfont icon-htmal5icon08'></text>
</view>
<view wx:if="{{!isPassWord}}" class='login_input login_password'>
<input name="password" value='{{pwd_val}}' bindblur="bindblur" placeholder='输入密码'></input>
<text bindtap='isShow' class='iconfont icon-htmal5icon09'></text>
</view>

js：

发送评论编辑评论

发送评论 编辑评论