前台限制一下el-input输入正整数。
// input标签
<el-input type="number"
v-model="form.test"
prop="test"
placeholder="请输入"
@mousewheel.native.prevent
@keyup.native="prevent($event)"></el-input>
- 添加 type="number"避免禁止非数字输入
- @mousewheel.native.prevent 禁止type="number"时滚轮改变数字行为
-
css隐藏type="number"时出现的改变数字按钮
默认的上下箭头 - @keyup.native="prevent($event)" 监控按钮行为，当按下"-","."时提示，并重置输入。（还有其他办法，见参考）
prevent(e){
var keynum = window.event ? e.keyCode : e.which; //获取键盘码
if (keynum ==189|| keynum==190||keynum == 109 ||keynum == 110 ) {
this.$message.warning('禁止输入小数以及负数')
e.target.value = ''
}
}
以上就完成了限制el-input输入正整数的功能。
参考：限制输入框只能输入正整数
