Vue - 指令式按钮节流（Button）

前言

按钮节流（防止疯狂点击）需求很常见，通常开发者都会封装一个函数，在需要的页面引入，传入要节流的函数及时间即可。

本文将使用 vue 指令，来封装一个适合 按钮（Button） 更便捷、优雅的节流方案，

如下图所示：

解决方案

注意：从代码中可以观察，利用按钮 disabled 属性，从而实现节流。

一、在合适的位置，新建 preventReClick.js，写入以下代码：

// vue
import Vue from 'vue'
// create directive
const preventReClick = Vue