vue监听页面元素宽度和高度变化
我们通过借助element-resize-detector来实现
1、安装 element-resize-detector
npm install element-resize-detector
2、引入element-resize-detector
<script>
import elementResizeDetector from "element-resize-detector";
</script>
3、监听
mounted() {
const _this = this;
var erd = elementResizeDetector();
erd.listenTo('监听的dom', (element) => {
var width = element.offsetWidth;
var height = element.offsetHeight;
_this.$nextTick(() => { // 这里填写监听改变后的操作
});
});
},
原文地址:https://github.com/wnr/element-resize-detector