首页 > 其他 > 详细

防止vue重复点击

时间:2020-05-12 19:32:20      阅读:236      评论:0      收藏:0      [点我收藏+]

 

 

<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重复点击

原文:https://www.cnblogs.com/xiaoliu66007/p/12877873.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!