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

相关推荐
小小小小宇3 小时前
TS泛型笔记
前端
小小小小宇3 小时前
前端canvas手动实现复杂动画示例
前端
codingandsleeping3 小时前
重读《你不知道的JavaScript》(上)- 作用域和闭包
前端·javascript
小小小小宇3 小时前
前端PerformanceObserver使用
前端
zhangxingchao5 小时前
Flutter中的页面跳转
前端
前端风云志5 小时前
TypeScript实用类型之Omit
javascript
烛阴5 小时前
Puppeteer入门指南:掌控浏览器,开启自动化新时代
前端·javascript
全宝6 小时前
🖲️一行代码实现鼠标换肤
前端·css·html
小小小小宇6 小时前
前端模拟一个setTimeout
前端
萌萌哒草头将军6 小时前
🚀🚀🚀 不要只知道 Vite 了,可以看看 Farm ,Rust 编写的快速且一致的打包工具
前端·vue.js·react.js