[開発] VUE連続クリックコマンドのJSを防ぐために、超簡単な方法

 

繰り返しVUE抗クリック（コマンド達成するために）

、インターフェースを呼び出すために、このような事態を防ぐために、ボタン素早く繰り返すこと数回クリック

グローバル定義、簡単に呼び出し

新plugins.js

輸出デフォルト{ 
  インストール（ヴュー）{ 
    // 防重复点击（指令实现） 
    Vue.directive（ 'preventReClick' 、{ 
      挿入（エル、結合）{ 
        el.addEventListener（ 'クリック'、（）=> {
           場合（！エル.disabled）{ 
            el.disabled = 真
            のsetTimeout（（） => { 
              el.disabled = 偽
            }、binding.value || 3000 ）
          } 
        }）
      } 
    }）
  } 
}

参考文献main.js

直接呼び出しボタンプラスV-preventReClick

<EL-ボタン型= "prismary" スタイル= "幅：100％;" @クリック= "handleSubmit" V-preventReClick> </ EL-ボタン>

 

、インターフェースを呼び出すために、このような事態を防ぐために、ボタン素早く繰り返すこと数回クリック

グローバル定義、簡単に呼び出し

新plugins.js

輸出デフォルト{ 
  インストール（ヴュー）{ 
    // 防重复点击（指令实现） 
    Vue.directive（ 'preventReClick' 、{ 
      挿入（エル、結合）{ 
        el.addEventListener（ 'クリック'、（）=> {
           場合（！エル.disabled）{ 
            el.disabled = 真
            のsetTimeout（（） => { 
              el.disabled = 偽
            }、binding.value || 3000 ）
          } 
        }）
      } 
    }）
  } 
}

参考文献main.js

直接呼び出しボタンプラスV-preventReClick

<EL-ボタン型= "prismary" スタイル= "幅：100％;" @クリック= "handleSubmit" V-preventReClick> </ EL-ボタン>