js监听div大小

// data里定义observer
observer: null

// mounted/activeted钩子里执行
const div = document.getElementById('myDiv');
 
this.observer = new ResizeObserver(entries => {
  for (let entry of entries) {
    const { width, height } = entry.contentRect;
    console.log(`div的宽度为: ${width}px,高度为: ${height}px`);
    
    // 在这里可以执行相应的操作,根据div的大小变化调整布局或其他操作
  }
});
 
this.observer.observe(div);


// destroyed/deactivated钩子里执行  移除监听事件
this.observer.disconnect()


你可能感兴趣的:(javascript,前端,html)