<uni-forms ref="form" :modelValue="formData" :rules="rules">
<uni-forms-item name="account">
<input type="text" v-model="formData.account" class="uni-input" :placeholder="$t('account')" />
</uni-forms-item>
<uni-forms-item name="password">
<input :password="true" class="uni-input" v-model="formData.password"
:placeholder="$t('password')" />
</uni-forms-item>
<uni-forms-item name="captcha">
<view class="captcha">
<input v-model="formData.captcha" class="uni-input" :placeholder="$t('captcha')" />
<image style="width: 300rpx;max-height: 80rpx;" :src="captchaImg" @click="getCaptcha" />
</view>
</uni-forms-item>
</uni-forms>
i***@163.com
- 发布：2023-04-18 15:08
- 更新：2023-04-18 15:08
- 阅读：427
【报Bug】【APP】【IOS】通过自动填写密码时，内置组件input框回显内容与placeholder提示内容重叠，并且v-model当前绑定的值为空，获取不到自动填充的值
分类：uni-app
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 22621.1555
HBuilderX类型： 正式
HBuilderX版本号： 3.7.3
手机系统： iOS
手机系统版本号： iOS 16
手机厂商： 苹果
手机机型： iphone系列
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
正常表单校验提交
正常表单校验提交
预期结果：
自动填充账号密码，v-model字段更新当前填充内容，校验通过提交
自动填充账号密码，v-model字段更新当前填充内容，校验通过提交
实际结果：
自动填充之后，仅有获取焦点账号当前行内容被绑定赋值，密码当前行内容回显并与提示内容placeholder重叠，且当前v-model绑定的密码字段内容为空，导致校验不通过
自动填充之后，仅有获取焦点账号当前行内容被绑定赋值，密码当前行内容回显并与提示内容placeholder重叠，且当前v-model绑定的密码字段内容为空，导致校验不通过
bug描述：
正常的表单写法，在ios真机上使用自动填充账号密码，账号这一行当前自动获取焦点，自动填充内容没有与input的placeholder提示内容重叠，并且v-model绑定的字段有值，但是，密码这一行当前没有自动获取焦点，自动填充内容与input的placeholder提示内容重叠，且当前v-model绑定的字段没有值为空，手动聚焦到密码这一行并且手动输入之后才能获取之前自动填充的密码内容。
