vue.js中如何实时获取某个div的offsetWidth的变化
在写vue的项目时,遇到这样一个问题,就是如果实时获取到一个div的offsetWidth的变化,查了很多资料使用element-resize-detector插件可以实现, 偶然间看到一个知乎上的简单回答,便记录下,借鉴于:https://www.zhihu.com/question/346607121/answer/827773405mounted() {const resizeObserve
·
在写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)
更多推荐
已为社区贡献4条内容
所有评论(0)