el-input 只能输入0到9的数字
时间: 2023-10-17 21:00:26 浏览: 83
el-input限制输入框只能输入数字
可以通过设置 el-input 的属性限制输入内容为数字,同时通过监听输入事件实时判断输入内容是否合法。以下是一个例子:
```html
<el-input v-model="inputValue" @input="handleInput"></el-input>
```
```javascript
export default {
data() {
return {
inputValue: ''
}
},
methods: {
handleInput(event) {
// 判断输入内容是否为数字
const value = event.target.value
if (!/^\d*$/.test(value)) {
this.inputValue = value.replace(/[^\d]/g, '')
}
}
}
}
```
在上面的例子中,我们通过正则表达式 `/^\d*$/` 判断输入内容是否为数字,如果不是则使用 `replace` 方法将非数字字符替换为空字符串。
阅读全文