vue3项目中按钮防抖指令

最新推荐文章于 2024-09-14 16:49:01 发布

猫晨

最新推荐文章于 2024-09-14 16:49:01 发布

阅读量208

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/weixin_44482236/article/details/131068163

版权

``export default (app) => {
  app.directive('preventClick', {
    mounted(button) {
      button.addEventListener('click', () => {
        if (!button.disabled) {
          button.disabled = true
          setTimeout(() => {
            button.disabled = false
          }, 3000)
        }
      })
    },
  })
}
``// 随后，在main.js中引用
// 自定义指令
import preventClick from '@/directives/index'