vueフォームのダブル/マルチショット防止の例について

まずシーンを言います。
今回のテストは極端です。（テストでまた何か新しい知識を身につけたかもしれません。ハハ）、クリックして提出すると呼び出しする間に狂暴なユーザーが多連打する可能性があると言います。ゲームをするように、インターフェースを呼び出した後のloading状態の切り替えは無効になります。
そして、自分でvue防多撃の指令に基づいて、泥棒が怠惰になりました。私の中にはfastClickが注入されていますので、応答方法はとても速いです。ですから、次のクリック時間を少しだけコントロールしてください。

export default {}.install = (Vue, options = {}) => {
 Vue.directive('dbClick', {
 inserted(el, binding) {
  el.addEventListener('click', e => {
  if(!el.disabled) {
   el.disabled = true;
   let timer = setTimeout( () => {
   el.disabled = false;
   },1000)
  }
  })
 }
 })
}

使い方:

<pr-col hor="center"><mt-button v-dbClick type="primary" @click="saveOrder">  </mt-button></pr-col>

以上のように、vueフォームについてダブル/マルチショットを提出した例は、小編集が皆さんに提供した内容の全部です。参考にしていただければと思います。どうぞよろしくお願いします。