vue中限制一个input框只允许输入数字的简单demo
1.来个输入框,用的是ElementUi组件<el-input type='number' maxlength='2' @keydown.native='onlyNum' style='width: 40px' size='small' v-model.number='num' @change='validNum'></el-input>onlyNum(eve...
·
1.来个输入框,用的是ElementUi 组件
<el-input type='number' maxlength='2' @keydown.native='onlyNum' style='width: 40px' size='small' v-model.number='num' @change='validNum'></el-input>
onlyNum(event) {
if(!((event.keyCode >= 48 && event.keyCode <= 57) || (event.keyCode >= 96 && event.keyCode <= 105) || (event.keyCode === 8))) {
// 防止浏览器默认行为(w3c)
if(event && event.preventDefault) {
event.preventDefault();
}
// IE中组织浏览器行为
else {
window.event.returnValue = false;
}
}
}
validNum() {
// 这里面可以对num数据做进一步的处理。。。。
}
更多推荐
已为社区贡献1条内容
所有评论(0)