在vue中的class增加事件监控

目录

1、代码如下:

2、代码说明:


1、代码如下:

复制代码
<div class = "addClassLister" ></div>

mounted () {
    this.$nextTick().then(() => {
      const firstNode = document.querySelector('.addClassLister')
      console.log('firstNode', firstNode)
      firstNode.addEventListener('click', this.onClickFirstNode)
    })
},
methods: {
    onClickFirstNode () {
        console.log('触发了class为addClassLister的click事件')
    }

}

2、代码说明:

在mounted中初始化class的click事件监控,

在收到点击事件时,触发函数onClickFirstNode实现内容自己需要的处理。

相关推荐
我是小胡胡4 分钟前
彦火APP-Flutter包体分析
前端
木斯佳19 分钟前
前端八股文面经大全:腾讯音乐-前端一面(2026-05-27)·面经深度解析
前端
糖果店的幽灵22 分钟前
Claude Code 完全实战指南 - 第四章:Skill 怎么写
java·服务器·前端
light blue bird30 分钟前
MES/ERP 工序 BOM 协同场景调度维护组件
前端·信息可视化·桌面端winform·多节点端·gdi图表绘制开发
鱼人42 分钟前
Vue 3 组合式 API 最佳实践:如何写出可维护的代码
前端
wuhen_n42 分钟前
LangChain 自定义 Tool 封装:打造专属 AI 能力工具集
前端·langchain·ai编程
长大198843 分钟前
彻底搞懂 JavaScript 事件循环
前端
橘猫走江湖44 分钟前
Web 前端本地存储:localStorage 与 IndexedDB
前端·javascript·indexeddb
小强198844 分钟前
CSS 布局进化史:从 Float 到 Flexbox 再到 Grid
前端
AKA__老方丈1 小时前
删除确认 Hook - 统一管理单删/批量删除的确认弹窗与执行
前端·javascript·vue.js