vue3 element 限制input只能输入大于0 的正整数
你可以使用 v-model 和 @input 指令来限制输入框只能输入大于0的正整数。
首先,在模板中定义一个输入框,在输入框上绑定 v-model 指令和 @input 事件:
<el-input v-model="inputValue" @input="handleInput"></el-input>
然后,在 Vue 组件中定义 inputValue 和 handleInput 方法,用于限制输入框的值:
export default {
data() {
return {
inputValue: ''
}
},
methods: {
handleInput() {
// 限制只能输入大于0的正整数
this.inputValue = this.inputValue.replace(/[^\d]/g, '').replace(/^0+/, '')
}
}
}
在 handleInput 方法中,使用正则表达式过滤掉非数字字符,并且使用 replace 方法去掉数字前面的0,以保证输入的是大于0的正整数。
原文地址: http://www.cveoy.top/t/topic/bipo 著作权归作者所有。请勿转载和采集!