el-input 输入框只可以输入正整数
实现的效果为在输入框中输入非正整数,则input中的值将会被清空
1、在el-input中设置
<el-input v-model.trim="value" autocomplete="off" placeholder="请输入正整数数值" @keyup.native="value=test(value)?value:''"></el-input>
2、判断数值是否为正整数的函数
test(num) {
num = num.toString()
var reg = /^((?!0)\d{1,9})$/
if (!num.match(reg)) {
return false
} else {
return true
}
},

本文介绍如何使用Vue.js结合Element UI组件库中的el-input组件,通过自定义验证函数来确保用户只能输入正整数。具体实现包括在el-input上绑定v-model并监听键盘事件,以及编写一个用于验证输入是否为正整数的函数。
2888

被折叠的 条评论
为什么被折叠?



