VUE监听元素高度宽度变化element-resize-detector --save

下载插件

npm i element-resize-detector --save

引用

import elementResizeDetectorMaker from “element-resize-detector”;

写一个使用的函数

 watchSize() {
          const _this = this;
          var erd = elementResizeDetectorMaker();
          erd.listenTo(this.$refs.top_from_ref, (element) => { // 这里的this.$refs.fan指定要监听的元素对象，对应的是<div ref="fan"></div>
            var width = element.offsetWidth;
            var height = element.offsetHeight;
            _this.$nextTick(() => { // 这里填写监听改变后的操做
             	//可以处理一些页面改变的逻辑动作
            });
          });
        },

组件mounted()时候调用

本人的需求效果，监听高度来显示点击按钮并且计算下面表格的显示高度和查询表单的高度