···<input v-model="mobile" type="number" placeholder="请输入手机号" maxlength="11" @input="onInput" />···
- 发布:2021-05-31 18:09
- 更新:2021-05-31 18:09
- 阅读:818
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 20H2
HBuilderX类型: 正式
HBuilderX版本号: 3.1.16
手机系统: Android
手机系统版本号: Android 9.0
手机厂商: 华为
手机机型: mate9
页面类型: vue
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
- input设置type='number',
- 在@input获取e.detail.value,打印e.detail.value:
- 单独输入正负号
- 点击框外使输入框失焦
- 在数字之后输入正负号:14-2+
- 点击框外使输入框失焦
- input设置type='number',
- 在@input获取e.detail.value,打印e.detail.value:
- 单独输入正负号
- 点击框外使输入框失焦
- 在数字之后输入正负号:14-2+
- 点击框外使输入框失焦
预期结果:
失焦后只清除数字后的正负号,或者在清空后正常显示placeholder
失焦后只清除数字后的正负号,或者在清空后正常显示placeholder
实际结果:
失焦后输入框内容被清空,且无显示placeholder
失焦后输入框内容被清空,且无显示placeholder
bug描述:
input设置type='number',在@input获取e.detail.value,获取到的value值为空,但是输入框中内容不变,失焦后内容被清空,但没有显示placeholder:
- 单独输入正负号
- 在数字之后输入正负号:14-2+