v-model="model.code"
type="number"
@input="phoneNumbe"
></input>
// js
phoneNumbe(){
setTimeout(()=>{
this.model.code=this.model.code.replace(/[^\d]/g,'')
},0)
},
···
前端ll
- 发布：2021-04-23 13:24
- 更新：2021-06-09 15:53
- 阅读：1132
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows 10 专业版
HBuilderX类型： 正式
HBuilderX版本号： 3.1.9
浏览器平台： 手机系统浏览器
浏览器版本： iphone6 plus浏览器
项目创建方式： HBuilderX
示例代码：
···
// html
<input
class="con autoStyle"
custom-style="stylein"
border="border"
placeholder="请输入验证码"
v-model="model.code"
type="number"
@input="phoneNumbe"
></input>
v-model="model.code"
type="number"
@input="phoneNumbe"
></input>
操作步骤：
直接操作就可以
直接操作就可以
预期结果：
希望在ios下只能输入数字
希望在ios下只能输入数字
实际结果：
可以输入字符，并且用@input处理没有效果
可以输入字符，并且用@input处理没有效果
bug描述：
input type=“number” 情况下用@input处理当前数据无效
1 个回复
1***@qq.com
是的，我也遇到了,IDE版本为3.1.12，H5页面，type为number时，ios下仍然可以输入汉字，字符等，而且设置的maxlength也失效了....安卓是正常的。我试了一下，2.8.13版本的就没这个问题