防止vue重复点击

Posted 2020-12-19 xiaoliu66007

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了防止vue重复点击相关的知识，希望对你有一定的参考价值。

<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>

以上是关于防止vue重复点击的主要内容，如果未能解决你的问题，请参考以下文章