解决vue 按钮多次点击重复提交数据问题

2021-05-06  本文已影响0人  MiSiTeWang
<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>
上一篇 下一篇

猜你喜欢

热点阅读