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

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

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

防抖函数的指令封装:

防抖

节流函数的指令封装:

节流

具体使用:

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容