vue监听页面元素宽度和高度变化

1.安装element-resize-detector

npm install element-resize-detector

2.引入到script中

<script>
	import elementResizeDetectorMaker from "element-resize-detector";
</script>

3.在mounted中使用

 mounted() {
    this.watchSize();
  },
  methods: {
      watchSize() {
      let _this = this;
      let erd = elementResizeDetectorMaker();
      erd.listenTo(this.$refs.content, (element) => {
        let height = element.offsetHeight;
        _this.$nextTick(() => {
          // 这里填写监听改变后的操作
          this.reduceHeight = height;
        });
      });
    },

缺点：ie浏览器好像是不生效的