多次点击同一个按钮导致多次触发引发的问题,使用防抖解决

多次点击同一个按钮导致多次触发引发的问题,使用防抖解决_第1张图片
如上图,如果连续多次不间断点击发布按钮,同一条数据就会重复生成多次导致问题,对此想到可以控制一段时间内没有再次点击同一按钮才会响应发布,如果一段时间内监测到有重复点击,则清空计时器重新即时,直到一段时间内不再点击。

// 发布
handlePub(row) {
if (this.time !== null) {
 clearTimeout(this.time);
}
// 防止多次点击发布多个
this.time = setTimeout(() => {
 let params = {
   action: "release",
   id: row.id,
 };
 planOperate(params).then((res) => {
   if (res.code == "200") {
     this.$message.success("发布成功");
     this.handleFilter();
   }
 });
}, 500);
}

你可能感兴趣的:(javascript,vue.js,html)