vue全局注册指令 ----限制输入框只能输入正整数

新建directive.js

import Vue from 'vue'
export default () => {
  Vue.directive('Int', {
    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;
            }                            
        }
      });
    }
  });
}

全局注册

import Directive from '@/utils/directive.js'
Vue.use(Directive);

页面使用

  <el-input placeholder="请输入"  v-model.number="mobile" v-Int  maxlength="11" ></el-input>