input组件的password属性设置成动态改变,真机测试无效
发布于 6 年前 作者 gang10 497 次浏览 来自 问答

需求是这样的:

        需要点击右侧的按钮,控制密码输入框输入的密码是否可见,在开发工具上是正常的,但是在手机上测试是有问题的,不能显示输入的密码,这个是不是bug?

截图如下:

    

   

代码如下:

 

<view class=“code-area”>

    <input type=“text” class=“code-input” placeholder=“请输入登录密码” password=’{{showPassword}}’ placeholder-class=“placeholder” bindinput=“bindPassInput” maxlength=‘12’></input>

    <view class=“eyes-btn” catchtap=‘switchEyes’>

        <image src="/images/common/[email protected]" class=“eyes-icon” wx:if="{{showOpenEyes}}"></image>

        <image src="/images/common/[email protected]" class=“eyes-icon” wx:else></image>

    </view>

</view>

switchEyes() {// 切换密码的显示

    this.setData({

        showPassword: !this.data.showPassword,

        showOpenEyes: !this.data.showOpenEyes

    })

},

4 回复

我只有在苹果机上会出现这个问题 – -  

原来如此啊,还要重新获取焦点才能看到,感觉怪怪的,感谢解答!

你好,请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

我好像遇到过,安卓苹果都有问题么?

这个需要输入框再次聚焦才会显示正确

回到顶部