vue 通过指令封装按钮的防抖、节流函数

不知各位是否会遇到这样的情况，项目成型之际才发现列表页等常用按钮忘记添加了防抖机制。后面再想添加时，发现这是一个浩大的工程 。虽说给一个按钮添加防抖也就几分钟的事，但是工程 一旦成型页面数量巨多。这也将是一个比较耗时的工作量。

如何有效的减少这一块返工的工作量呢？首先想到的是全局替换，但碍于每个页面的按钮各不相同所触发的点击函数也不相同，只能作罢。每个页面的返工是不可避免的了。于是考虑到可以通过指令将防抖、节流函数封装好再去进行页面级别的替换来减少工作量。当指令封装好之后，只需替换按钮的click事件即可，这样便大功告成~

防抖函数的指令封装：

防抖

节流函数的指令封装：

节流

具体使用：

接下来全局搜索涉及到的需要改造的按钮，逐一替换即可。