<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>
相关文章
- 12-20vue中使用element-ui,重复点击按钮或多个请求同时报错时弹出多个message弹框解决方法
- 12-20解决vue封装的echarts组件多次调用出现id重复问题
- 12-20iOS-用Runtime解决Button重复点击引发的相机按钮问题
- 12-20解决vue 按钮多次点击重复提交问题
- 12-20解决 Vue 重复点击相同路由,出现 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation 问题
- 12-20解决ElementUI导航栏中的vue-router在3.0版本以上重复点击菜单报错问题
- 12-20Vue中防止按钮重复点击提交的方法
- 12-20ASP.NET多次点击提交按钮以及Session超时和丢失过期问题
- 12-20ASP.NET防止连续多次点击提交按钮 导致页面重复提交
- 12-20ASP.NET怎么防止多次点击提交按钮重复提交