vue+element 使el-input只能输入正整数
时间: 2023-10-09 12:11:32 浏览: 161
基于Springboot+Vue+Element-ui的精美个人博客系统
可以通过给 `el-input` 组件绑定 `oninput` 事件,并在事件处理函数中过滤非正整数的输入来实现。
例如:
```html
<el-input v-model="inputValue" @input="handleInput"></el-input>
```
```javascript
export default {
data() {
return {
inputValue: ''
}
},
methods: {
handleInput() {
// 过滤非数字字符
this.inputValue = this.inputValue.replace(/[^\d]/g, '');
// 过滤前导0
this.inputValue = this.inputValue.replace(/^0+/, '');
}
}
}
```
这里使用正则表达式 `/[^\d]/g` 过滤非数字字符,使用 `/^0+/` 过滤前导0。这样就可以实现只允许输入正整数的功能。
阅读全文