vue自定义指令,限制input输入框只能输入纯数字
Vue.directive('enterNumber', { //全局方法限制input输入框只能输入纯数字 组件中调用如(<el-input v-enter-number v-model="number" ></el-input>)inserted: function(el) {el.addEventListener("keypress", function(e) {e
·
Vue.directive('enterNumber', { //全局方法 限制input输入框只能输入纯数字 组件中调用如(<el-input v-enter-number v-model="number" ></el-input>)
inserted: function(el) {
el.addEventListener("keypress", function(e) {
e = e || window.event;
let charcode = typeof e.charCode === 'number' ? e.charCode : e.keyCode;
let re = /\d/;
if (!re.test(String.fromCharCode(charcode)) && charcode > 9 && !e.ctrlKey) {
if (e.preventDefault) {
e.preventDefault();
} else {
e.returnValue = false;
}
}
});
}
});
更多推荐
已为社区贡献18条内容
所有评论(0)