vue input输入框只可以输入0-9之间的数字
时间: 2024-03-17 20:43:16 浏览: 52
vue.js实现只能输入数字的输入框
你可以在上面的方法基础上进行修改,判断输入的字符是否为0-9之间的数字:
```html
<input v-on:keypress.prevent="onKeyPress" v-model="inputValue" type="text">
```
```javascript
new Vue({
el: '#app',
data: {
inputValue: ''
},
methods: {
onKeyPress: function(event) {
if (!/^[0-9]$/.test(String.fromCharCode(event.keyCode))) {
event.preventDefault();
}
}
}
})
```
这样就可以实现只能输入0-9之间的数字的效果了。
阅读全文