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

相关推荐
IT_陈寒17 小时前
React 18并发渲染实战:5个核心API让你的应用性能飙升50%
前端·人工智能·后端
科普瑞传感仪器17 小时前
从轴孔装配到屏幕贴合:六维力感知的机器人柔性对位应用详解
前端·javascript·数据库·人工智能·机器人·自动化·无人机
n***F87517 小时前
SpringMVC 请求参数接收
前端·javascript·算法
wordbaby17 小时前
搞不懂 px、dpi 和 dp?看这一篇就够了:图解 RN 屏幕适配逻辑
前端
程序员爱钓鱼17 小时前
使用 Node.js 批量导入多语言标签到 Strapi
前端·node.js·trae
鱼樱前端17 小时前
uni-app开发app之前提须知(IOS/安卓)
前端·uni-app
V***u45317 小时前
【学术会议论文投稿】Spring Boot实战:零基础打造你的Web应用新纪元
前端·spring boot·后端
TechMasterPlus17 小时前
VScode如何调试javascript文件
javascript·ide·vscode
i听风逝夜18 小时前
Web 3D地球实时统计访问来源
前端·后端
iMonster18 小时前
React 组件的组合模式之道 (Composition Pattern)
前端