Vue框架下，如何实现防止提交功能类按钮重复点击

Question

先说下场景吧，比如我现在需要保存用户填入的信息，如果用户一不下心，或者鼠标坏了，点了一下，实际上提交了好几下，如何防止这种情况；另外如果这个接口的返回速度原本就很快，设置disabel什么的，肉眼都没反应过来，就显示又可以点击了，这种也不理想，所以我想实现的是，比如再3秒内，只能点击一次,多次点击无效，或提示不能重复点击

Answer 1

可以看一下 函数防抖，函数节流相关文章

Answer 2

既然你也说了可以设置disabled，实现你所说的，那就只需要在请求发起时设置setTimeout，3000ms后disabled=false就行吧？

Answer 3

最后代码如下

setTimeout(()=>{ //延时指定时间后，再解冻
    this.saveButtonDisable = false;
}, 2000);

习惯了java的监听事件，以为前端也有类似的点击监听，我看来是想多了，有点转换不过了，2333