1.新建文件preventReClick.js（文件位置可以放在公共文件夾里）
代碼如下
import?Vue?from?'vue'
?//自定義指令?--?防抖
const?clickAgain?=?Vue.directive('clickAgain',{
?//?指令的定義
?bind(el,?binding,?vnode,?oldVnode)?{
??//?綁定this
??let?self?=?vnode.context;
??el.onclick?=?function?(e)?{
???if?(self._is_click)?{
????return?false;
???}
???/*執(zhí)行指令綁定的事件*/
???self[binding.expression]()
???self._is_click=true;
???setTimeout(()=>{
????self._is_click=false;
???},2000)
??};
?}
});
export?default?clickAgain
2.main.js中引入文件
3.使用自定義指令
需要注意一下，這里的v-clickAgain需要和防抖文件內(nèi)const? clickAgain的名稱一樣，handelClickSubmit是事件的名稱
