[youzan/vant]官方文档中ios微信浏览器 Field密码框设置password会影响到上一个数字输入框

2023-12-12 906 views

回答

3

ios只会影响上个输入框,android没有问题

4

我发现原生的input 也有这种情况,现在解决办法是<van-field style="padding: 0;height: 0;line-height: 0"/> 加个空的给它玩o( ̄︶ ̄)o

8
      <van-field
          v-model="obj.realName"
          required
          label="姓名"
          placeholder="请输入姓名"/>

      <van-field style="padding: 0;height: 0;line-height: 0"/>

      <van-field
          v-model="obj.password"
          required
          label="密码"
          type="password"
          placeholder="请输入至少8位数密码"/>

这样“密码框“就不会影响到“姓名“输入了

1

我感觉这属于 iOS 系统的一个 Feature 吧,确实原生 input 也是这样的,目前看没必要在组件内部做特殊处理