vue防止连点

最新推荐文章于 2024-05-21 20:04:34 发布

q249859693

最新推荐文章于 2024-05-21 20:04:34 发布

阅读量344

点赞数 8

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/q249859693/article/details/135699455

版权

directive

import throttle from './throttle'
 Vue.directive('throttle', throttle)
 if (window.Vue) {
  window['hasRole'] = hasRole
  window['hasPermi'] = hasPermi
  Vue.use(install); // eslint-disable-line
}

export default install

throttle/index.js

/**
* 防止连点
*/

export default {
  inserted (el, binding) {
    el.addEventListener('click', () => {
      el.style.pointerEvents = 'none';
      if (!el.disabled) {
        setTimeout(() => {
          el.style.pointerEvents = 'auto'
        }, binding.value || 300)
      }
    })
  }
}