在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实现内容自己需要的处理。

相关推荐
小林ixn26 分钟前
从零到一理解 React 父子组件通信:手写一个 Todo 应用带你彻底搞懂单向数据流
前端·javascript·react.js
醇氧2 小时前
CountDownLatch / CyclicBarrier / Semaphore 面试高频问答清单
前端·面试·职场和发展
窝子面3 小时前
手搓最简前后端协作-node
javascript·数据库
qetfw3 小时前
MXU:Tauri 2 + React 的 MaaFramework 跨平台 GUI 源码
前端·python·react.js·前端框架·开源项目·效率工具
甲维斯3 小时前
我要开始吹牛逼了!Kimi K3 “宇宙无敌”!
前端·人工智能
a1117763 小时前
微光小屋-前端养成小游戏 开源项目
前端
kyriewen4 小时前
我让AI给前端项目做了一次完整的Code Review——它和人类的差距,比我想的大得多
前端·javascript·ai编程
张鑫旭4 小时前
快速过下我2026年上半年的前端学了些啥
前端