Vue-使用element-resize-detector监听元素大小变化_elementresizedetectormaker

作者：不正经 | 2024-03-12 08:24:09

踩

elementresizedetectormaker

1.应用

底部固定按钮栏使用 position: fixed 固定定位，宽度等于右侧内容栏的宽度，当我们左侧菜单栏收起的时候，其宽度也能够自适应变化。也就是说底部栏的宽度需要监听其父元素右侧内容的宽度从而实现自适应变化。

2、解决方法：使用 element-resize-detector

（1）下载

npm i element-resize-detector --save

（2）导入

const elementResizeDetectorMaker = require('element-resize-detector')

（3）使用


// 监听右侧page元素宽度变化，更新底部固定按钮栏宽度
let erd = elementResizeDetectorMaker();
erd.listenTo(document.getElementById('id元素'), (ele) => {
    console.log(ele.clientWidth);
})

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/不正经/article/detail/223206