前端监听dom元素改变后的尺寸获取

说明

在vue中，要获取dom元素的高度当窗口尺寸变化后；由于直接用resize等方法去监听，获取的dom元素都是改变前的；所以产生了这个需求。

解决办法

ResizeObserver

mounted() {
     
    this.observer = new ResizeObserver(entries=>{
     
      console.log(entries);
    }) 
    this.observer.observe($("#overlinebywind")[0]);
          }

用这个方法就能获取到dom改变后的尺寸大小和位置了，但是对浏览器兼容性有要求。