2021-11-08 全局指令实现el-input输入框手机号控制

全局指令（限制只能输入数字） + max-length控制内容长度（上限11位）

main.js 全局注册指令

Vue.directive('numberOnly', {
  bind: function(el) {
    el.handler = function() {
      el.childNodes[1].value = el.childNodes[1].value.replace(/\D+/g, '');
    }
    el.addEventListener('keyup', el.handler);
  },
  unbind: function(el) {
    el.removeEventListener('keyup', el.handler);
  }
})

组件中使用
<el-input v-number-only maxlength="11" placeholder="请输入手机号码" @keyup.enter.native="handleQuery" />