如何阻止一个用户重复点击一个按钮重新触发一段未完成的逻辑 ？

我可以在事件中用一个lock 变量， 如果上一次点击操作的异步代码没有完成就return掉

如何更加优雅的实现这种操作 ?

vue-event-debounce 插件添加到vue的plugin中后， 就可以在你的按钮中直接返回一个promise， 直到promise resolve/reject 后才允许用户第二次点击。

项目地址: https://github.com/Qquanwei/vue-event-debounce 实现? 直接看源码吧: https://github.com/Qquanwei/vue-event-debounce/blob/master/src/index.js