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

相关推荐
bin915330 分钟前
DeepSeek 助力 Vue 开发:打造丝滑的复制到剪贴板(Copy to Clipboard)
前端·javascript·vue.js·ecmascript·deepseek
晴空万里藏片云2 小时前
elment Table多级表头固定列后,合计行错位显示问题解决
前端·javascript·vue.js
曦月合一2 小时前
html中iframe标签 隐藏滚动条
前端·html·iframe
奶球不是球2 小时前
el-button按钮的loading状态设置
前端·javascript
kidding7232 小时前
前端VUE3的面试题
前端·typescript·compositionapi·fragment·teleport·suspense
无责任此方_修行中4 小时前
每周见闻分享:杂谈AI取代程序员
javascript·资讯
Σίσυφος19004 小时前
halcon 条形码、二维码识别、opencv识别
前端·数据库
学代码的小前端4 小时前
0基础学前端-----CSS DAY13
前端·css
dorabighead5 小时前
JavaScript 高级程序设计 读书笔记(第三章)
开发语言·javascript·ecmascript
css趣多多5 小时前
案例自定义tabBar
前端