vueボタンを複数回クリックしてデータを繰り返しコミット

これは実は細かい問題です.ボタンを操作し、ボタンをクリックしたときにイベントをバインドします.イベントは、次の2つのケースに分けられます.

第1種:非操作データ型

第2種:操作データ型

<template>
  <button @click="submit()" :disabled="isDisable">  </button>
</template>

<script>
  export default {
    name: 'TestButton',
    data: function () {
      return {
        isDisable: false
      }
    },
    methods: {
      submit() {
        this.isDisable = true
        setTimeout(() => {
          this.isDisable = false
        }, 1000)
      }
    },
  }
</script>

ここではisDisableを制御してdisabledを設定することでボタンのクリックとクリック不可を制御します.デフォルトisDisable:の値はfalseで、ボタンはクリックできます.このボタンをクリックすると、まずボタンのバインドisDisableをtrueに設定し、1秒後にfalseに設定します.したがって、ユーザはこのボタンを操作するのに1秒しかかかりません.