vue监听div的高度变化

最新推荐文章于 2024-07-03 09:56:19 发布

Pert-

最新推荐文章于 2024-07-03 09:56:19 发布

阅读量2.3k

点赞数 1

文章标签： css css3 html

本文链接：https://blog.csdn.net/s_frozen/article/details/125909320

版权

这篇博客介绍了如何在Vue应用中利用element-resize-detector库监听DOM元素的尺寸变化。在组件的mounted生命周期钩子中，实例化elementResizeDetectorMaker，并将其应用于指定的id为'aa'的元素。当元素尺寸发生变化时，内部的回调函数会在$nextTick中执行，适合处理响应式更新的业务逻辑。

摘要由CSDN通过智能技术生成

npm install element-resize-detector --save



import elementResizeDetectorMaker from "element-resize-detector";



mounted() {
    const _this = this;
    const erd = elementResizeDetectorMaker();
    erd.listenTo(document.getElementById("aa"), element => {
      _this.$nextTick(() => {
        //监听到事件后执行的业务逻辑
      });
    });
  },