vue3按钮防抖

会跳舞的小猴子

于 2023-07-06 14:53:22 发布

阅读量488

点赞数

CC 4.0 BY-SA版权

分类专栏： vue3 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/qq_41820599/article/details/131576819

vue3 专栏收录该内容

12 篇文章

订阅专栏

在这里插入图片描述
新建防抖文件夹

import type { Directive, DirectiveBinding } from 'vue'
export const prevent: Directive = {
  mounted(button) {
    button.addEventListener('click', () => {
      if (!button.disabled) {
        button.disabled = true
        setTimeout(() => {
          button.disabled = false
        },1500)
      }
    })
  }
}

通过获取dom节点，添加disabled