在写vue的项目时,遇到这样一个问题,就是如果实时获取到一个div的offsetWidth的变化,查了很多资料使用element-resize-detector插件可以实现, 偶然间看到一个知乎上的简单回答,便记录下,借鉴于:https://www.zhihu.com/question/346607121/answer/827773405

 mounted() {
    const resizeObserver = new ResizeObserver(entries => {
           for (let entry of entries) {
              console.log(entry.target.offsetWidth)
              // 打印出entry.target 可以看到此处可以进行元素的各种变化的监听
              //此处直接写监听变化后要处理的逻辑即可
           }
       });
       resizeObserver.observe(document.querySelector('.monitorNodesJq'));
  },
  针对new ResizeObserver()的了解 可看 (https://www.mybj123.com/5432.html)
Logo

前往低代码交流专区

更多推荐