全局指令(限制只能输入数字) + 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" />