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

最新推荐文章于 2024-07-25 10:25:59 发布

再希

最新推荐文章于 2024-07-25 10:25:59 发布

阅读量635

点赞数

文章标签： vue

原文链接：https://blog.csdn.net/jxg1473819657/article/details/83781364?utm_medium=distribute.pc_relevant.none-task-blog-title-2&spm=1001.2101.3001.4242

版权

<Button type="primary" @click="bookok" :disabled="isDisable">确定</Button>
<script>
    export default {
         return {
                isDisable: false,//表单重复提交
          },
          methods: {
           bookok() {
	    	  this.isDisable = true  //开始可以点击
		      this.post("api/student/Bespeak/getBespeak", {
		          'stuId':this.rowData.stuId,
			        'bespeakId':this.rowData.bespeakId,
			        'courseId':this.courseId
		      }).then(data => {
		      	 this.isDisable = false;//执行请求后就不能点击了
		        if (data.code == 0) {
		        	this.isShow = true
		        	this.$Message.success("预约成功");
							this.btnSearch() 
		        } else {
		          this.$Message.error(data.msg);
		        }
		      });
	    },
          } 
    }
</script>