vue中实现按钮多次点击响应一次的节流效果

第一步：写工具函数实现节流

import Vue from 'vue'

const preventReClick = Vue.directive('preventReClick', {
    inserted: function (el, binding) {
        el.addEventListener('click', () => {
            if (!el.disabled) {
                el.disabled = true
                setTimeout(() => {
                    el.disabled = false
                }, binding.value || 3000)
            }
        })
    }
});

export { preventReClick }

第二步：在main.js中定义

import preventReClick from '@/utils/preventReClick.js'

第三步：在你需要的按钮中插入指令 v-preventReClick

<el-button
                type="primary"
                style="width: 180px; background: #154ee9"
                @click="transferOpenDia()"
                v-preventReClick
              >
                部署合约
              </el-button>