vue+element 监听某个div的变化，然后执行相应的事件

最新推荐文章于 2026-06-25 08:24:56 发布

原创最新推荐文章于 2026-06-25 08:24:56 发布 · 4.6k 阅读

10 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

前端

当前文章被收录于：

前端

10 篇文章 0 人学习

订阅专栏查看详情

vue

当前文章被收录于：

vue

9 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍如何利用element-resize-detector库监测页面元素尺寸变化。首先通过npm安装element-resize-detector，然后在项目中导入elementResizeDetectorMaker函数。在组件的mounted生命周期钩子中，使用erd.listenTo方法监听指定元素的变化，并调用相应的回调函数进行响应。

1.安装 element-resize-detector

npm install element-resize-detector

2.引入elementResizeDetectorMaker

import elementResizeDetectorMaker from 'element-resize-detector'

3.使用

mounted() {  
    this.erd = elementResizeDetectorMaker()
    this.erd.listenTo(this.$refs.middle.$el, this.chartResize)
  },
methods:{
chartResize(){
	//do Something
}
}

标签

#vue #div