码迷,mamicode.com
首页 > 其他好文 > 详细

防止vue重复点击

时间:2020-05-12 18:43:04      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:efault   class   sdi   template   methods   function   return   his   点击   

 

 

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

标签:efault   class   sdi   template   methods   function   return   his   点击   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!