Vue的全局自定义指令-防连点

一些请求或提交的按钮需要做防抖处理，可以自定义一个全局指令，便于复用。

JS代码

import Vue form 'vue';

Vue.directive('noReclick', {
	inserted(el, binding) {
		el.addEventListener('click', e => {
			if(el.disabled) {
				return false;
				}
				el.disabled = true;
				setTimeout(() => {
					el.disabled = false;
					}, 1500);
				});
			}
		});

html代码

<el-button @click="submit" v-no-reclick>提交</el-button>