快速點擊按鈕會重復(fù)多次調(diào)用接口，防止出現(xiàn)這樣的情況

全局定義，方便調(diào)用

新建`plugins.js`

```

export default {

? install (Vue) {

? ? // 防重復(fù)點擊(指令實現(xiàn))

? ? Vue.directive('preventReClick', {

? ? ? inserted (el, binding) {

? ? ? ? el.addEventListener('click', () => {

? ? ? ? ? if (!el.disabled) {

? ? ? ? ? ? el.disabled = true

? ? ? ? ? ? setTimeout(() => {

? ? ? ? ? ? ? el.disabled = false

? ? ? ? ? ? }, binding.value || 3000)

? ? ? ? ? }

? ? ? ? })

? ? ? }

? ? })

? }

}

```

在main.js引用

按鈕調(diào)用直接加v-preventReClick