vue2 校验input只能输入数字
时间: 2024-03-16 09:37:36 浏览: 267
vue-input-only-number
以下是vue2校验input只能输入数字的方法:
```html
<template>
<div>
<input type="text" v-model="inputValue" @input="handleInput">
</div>
</template>
<script>
export default {
data() {
return {
inputValue: ''
}
},
methods: {
handleInput() {
this.inputValue = this.inputValue.replace(/[^\d]/g, '');
}
}
}
</script>
```
在上述代码中,我们使用了正则表达式`/[^\d]/g`来匹配除数字以外的所有字符,并在`handleInput`方法中使用`replace`方法将匹配到的字符替换为空字符串,从而实现了只能输入数字的效果。
阅读全文