1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > vue控制input输入框只能输入正整数

vue控制input输入框只能输入正整数

时间:2023-01-13 21:04:03

相关推荐

vue控制input输入框只能输入正整数

核心是基于vue计算属性的setter做控制的。具体代码如下:

<el-input v-model="testValue" />

data() {

return {

test: '',

};

},

computed: {

testValue: {

get() {

return this.test;

},

set(val) {

let sigleCode = val.substr(this.test.length, 1).charCodeAt(); // 得到当前输入的sacii

if (sigleCode >= 48 && sigleCode <= 57) { // 判断是否是数字

if (!this.test && sigleCode !== 48) { // 第一次输入的时候不允许为0

this.test = val;

} else if (this.test) {

this.test = val;

}

} else if (this.test.length === val.length + 1) { // 这是退格键,退格键也会影响输入框的值

this.test = val;

}

},

},

},

大家在setter里可以根据需求写任何判断,从输入时限制死。也可以用正则表达式,可惜我对正则表达式理解不透,用了没成功,会用的大佬跟我说一下你的方式

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。