1、在utils文件中新建文件
export default {
install(Vue) {
// 防重复点击(指令实现)
Vue.directive("preventReClick", {
inserted(el, binding) {
el.addEventListener("click", () => {
if (!el.disabled) {
el.disabled = true;
setTimeout(() => {
el.disabled = false;
}, binding.value || 3000);
}
});
},
});
},
};
2、 在main.js 中引入
import instruction from '@/utils/instruction' //自定义指令
Vue.use(instruction) // 注册自定义指令
