// 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()
js监听div大小变化
于 2023-08-22 12:27:10 首次发布