开启苹果手机键盘自动填充验证码并且解决验证码自动重复填充两次

咬紧牙关i

于 2024-10-31 10:13:45 发布

阅读量414

点赞数 3

文章标签：前端

本文链接：https://blog.youkuaiyun.com/qq_44255146/article/details/143382535

版权

开启自动填充：给输入组件类型type=‘tel’

<van-field
 v-model="infoData.code"
   center
   clearable
   label="验证码"
   placeholder="短信验证码"
   required
   type="tel"
 />
 <input type='tel'/>

限制长度避免自动重复填充

<van-field
 v-model="infoData.code"
   center
   clearable
   label="验证码"
   placeholder="短信验证码"
   required
   type="tel"
    maxlength="6"
 />
 <input type='tel'  maxlength="6"/>