微信小程序vant van-field 密码显示隐藏真机兼容问题

_处女座程序员的日常

已于 2024-08-13 09:30:54 修改

阅读量489

点赞数 2

分类专栏：前端微信小程序 UI组件库文章标签：微信小程序小程序

于 2024-07-14 19:39:50 首次发布

本文链接：https://blog.csdn.net/qq_42931285/article/details/140421499

版权

前端同时被 3 个专栏收录

374 篇文章 13 订阅

订阅专栏

UI组件库

18 篇文章 0 订阅

订阅专栏

微信小程序

16 篇文章 0 订阅

订阅专栏

之前使用type来控制，发现不行，修改为password属性即可

  <van-field
      right-icon="{{passwordType == 'password'? 'closed-eye':'eye-o'}}"
      model:value="{{ password }}"
      password="{{passwordType == 'password' ? true: false}}"
      border="{{ false }}"
      custom-class="password_style {{focusPassword ? 'blue':'none'}}"
      bind:click-icon="onClickIcon"
      focus="{{focusPassword}}"
    />