Vue 添加指令校验input只能输入正整数

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 即可