el-input只能输入正整数,且只能输入三位数
时间: 2024-01-25 16:10:14 浏览: 175
el-input限制输入框只能输入数字
以下是el-input只能输入正整数且只能输入三位数的示例代码:
```html
<el-input v-model="inputValue" @input="handleInput"></el-input>
```
```javascript
export default {
data() {
return {
inputValue: ''
}
},
methods: {
handleInput(val) {
// 只能输入正整数
val = val.replace(/[^\d]/g, '')
// 只能输入三位数
if (val.length > 3) {
val = val.slice(0, 3)
}
this.inputValue = val
}
}
}
```
在上述代码中,我们使用了正则表达式来限制输入的内容只能是正整数,然后通过判断输入的长度来限制只能输入三位数。如果输入的长度超过了三位数,我们就截取前三位数作为最终的输入值。
阅读全文