使用方法：在main.js文件中注冊插件然后直接在<el-input>加入‘v-插件名’

(1)在main.js文件：

// 只能輸入數(shù)字指令
import onlyNumber from '@/directive/only-number';
Vue.use(onlyNumber);

（2）在src/directive文件夾中

（2.1）inde.js文件（這里可以修改插件名，我的是‘only-number’）

import onlyNumber from './only-number';const install = function (Vue) {Vue.directive('only-number', onlyNumber);
};if (window.Vue) {window['only-number'] = onlyNumber;Vue.use(install); // eslint-disable-line
}onlyNumber.install = install;
export default onlyNumber;

（2.2）only-number.js文件（這里修改想象的正則表達(dá)式，匹配是否正確，不正確就要改成‘’）

export default {inserted: function (el, binding, vNode) {el.inputHandler = (e) => {// 只能輸入數(shù)字if (!/^(?!0\d$)([1-9]\d?|100)$/.test(e.target.value)) {// 輸入不符合要求，可以執(zhí)行適當(dāng)?shù)牟僮?#xff0c;比如清除輸入e.target.value = '';}};el.keyupHandler = (e) => {// 只能輸入數(shù)字if (!/^(?!0\d$)([1-9]\d?|100)$/.test(e.target.value)) {// 輸入不符合要求，可以執(zhí)行適當(dāng)?shù)牟僮?#xff0c;比如清除輸入e.target.value = '';}if (vNode.componentInstance) {// 如果是自定義組件就觸發(fā)自定義組件的input事件vNode.componentInstance.$emit('input', e.target.value);} else {// 如果是原生組件就觸發(fā)原生組件的input事件el.dispatchEvent(new Event('input'));}};el.addEventListener('input', el.inputHandler);el.addEventListener('keyup', el.keyupHandler);},// 解綁銷毀事件unbind(el) {el.removeEventListener('input', el.inputHandler);el.removeEventListener('keyup', el.keyupHandler);},
};