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

相关推荐
廖松洋(Alina)12 小时前
07答案比对与反馈UI-鸿蒙PC端Electron开发
javascript·ui·华为·electron·开源·harmonyos·鸿蒙
风骏时光牛马12 小时前
Cube Sandbox部署问题及解决方法
前端
Bug-制造者12 小时前
深入理解 HTML5 Web Workers:提升网页性能的关键技术解析
前端·html·html5
nexustech12 小时前
JavaScript日期处理工具date-fns,累计36.5k Star
开发语言·javascript·其他·ecmascript
Sylvia33.12 小时前
足球数据API接入实战:从认证到实时比分推送的完整指南
java·开发语言·前端·c++·python
_小郑有点困了12 小时前
学习Python基础语法及使用
前端·python·学习
LPieces12 小时前
【LPieces-UI】01-从零开始搭建 Vue3 组件库
前端
学习使我快乐0112 小时前
AI时代下,前端如何破局
前端·人工智能
yingyima13 小时前
Unix 时间戳转换实战:一次差点毁掉项目的低级错误
前端
盼兮13 小时前
用AI编程从零搭建一个响应式数据看板
前端·人工智能·数据可视化