1、添加指定文件 inputValid.js
import Vue from 'vue'
//只对input生效
export default function (el) {
var input = el;
input.onkeyup = function (e) {
if(e.target.value.length==1){
e.target.value = e.target.value.replace(/[^0-9]/g,'');
}else{
e.target.value = e.target.value.replace(/[^\d]/g, "");
}
};
}
2、第二步 将 inputValid.js 引入main.js中
import limitNum from './directive/inputValid'
Vue.directive('limitNum', limitNum);
3、在使用的页面中 input组件上 使用 v-limitNum 即可