- 发布：2021-05-19 18:05
- 更新：2021-05-21 10:07
- 阅读：482
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： window10专业版
HBuilderX类型： 正式
HBuilderX版本号： 3.1.13
手机系统： 全部
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
操作步骤：
input输入框 type:numbe，maxlength="11"，当输入11位手机号码后，再点击到最前面输入1，此时v-model绑定的数据还是之前的手机号
input输入框 type:numbe，maxlength="11"，当输入11位手机号码后，再点击到最前面输入1，此时v-model绑定的数据还是之前的手机号
预期结果：
应返回当前输入的值
应返回当前输入的值
实际结果：
返回的还是之前输入的值
返回的还是之前输入的值
bug描述：
一个手机号+验证码登录的功能
input输入框 type:numbe，maxlength="11"，当输入11位手机号码后，再在最前面输入1，此时v-model绑定的数据还是之前的手机号。
比如：
输入13333333333，然后把光标移动到前面，输入1，input内容变成了11333333333，但此时点击登录按钮，获取到的值还是13333333333
<view class="login-form">
<view class="form-row bottom-line">
<input v-model="form.phone"
class="form-input"
:maxlength="11"
placeholder-class="placeholder-class"
type="number"
placeholder="请输入手机号码" />
</view>
<view class="form-row bottom-line">
<input v-model="form.smsCode"
class="form-input"
:maxlength="6"
placeholder-class="placeholder-class"
type="number"
placeholder="请输入验证码" />
<view class="get-sms-button"
:class="{disable: getSmsDisable}"
@click="getSms">{{getSmsTips}}</view>
</view>
</view>
<view class="login-button"
@click="onPhoneLogin">
立即登录
</view>
1 个回复
2***@qq.com (作者)
相同问题
https://ask.dcloud.net.cn/question/101325