vue 设置input只能输入数字
将标签中的type属性直接设置为就可以达到只能输入数字。优点：他直接能唤起数字键盘，缺点:它只能作用于网页端，在手机输入的话还是可以输入汉字或英文重点：oninput="value=value.replace(/[^\d]/g,'')"这个方法，输入汉字是输入不进去的，只能输入数字，缺点：他只能唤起键盘（不是数字键盘）我常用的第二种方法。
·
方法一：
将<input>标签中的type属性直接设置为number就可以达到只能输入数字。优点：他直接能唤起数字键盘，缺点:它只能作用于网页端，在手机输入的话还是可以输入汉字或英文
<input placeholder="请输入..." v-model="risingValues" type='number'>方法二：
<input placeholder="请输入..." v-model="risingValues"
oninput="value=value.replace(/[^\d]/g,'')">重点：οninput="value=value.replace(/[^\d]/g,'')"
这个方法，输入汉字是输入不进去的，只能输入数字，缺点：他只能唤起键盘（不是数字键盘）
我常用的第二种方法。
基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。
更多推荐
6
0- 0
已为社区贡献6条内容
所有评论(0)