如何让el-input只能输入正整数
时间: 2023-07-04 14:11:21 浏览: 141
正则文本框只能输入正整数
5星 · 资源好评率100%
你可以通过设置 `type` 属性为 `"number"`,然后再设置 `min` 属性为 `"1"` 来实现只能输入正整数的效果。同时,你还需要监听 `input` 事件,当用户输入非数字字符时,将其替换为空字符串。
以下是一个示例代码:
```html
<el-input v-model="inputValue" type="number" :min="1" @input="handleInput"></el-input>
```
```javascript
export default {
data() {
return {
inputValue: ''
}
},
methods: {
handleInput() {
this.inputValue = this.inputValue.replace(/[^\d]/g, '');
}
}
}
```
阅读全文