vue 监听dom元素的宽高变化

1、准备一个插件

npm install element-resize-detector

2、使用

monted(){
	// 直接导入使用,也可以在main.js中引入
	var elementResizeDetectorMaker = require("element-resize-detector")
	// 创建实例,无参数
	var erd = elementResizeDetectorMaker();
	// 创建实例带参数
	var erdUltraFast = elementResizeDetectorMaker({
		strategy: "scroll",
        callOnAdd: true,
        debug: true
	});
  	//监听id为test的元素 大小变化
  	erd.listenTo(document.getElementById("test"), function(element) {
    	var width = element.offsetWidth;
    	var height = element.offsetHeight;
    	console.log("Size: " + width + "x" + height);
	});
}

转载自:一叶知秋_038b
https://www.jianshu.com/p/b9004cb2fa2c
非常感谢这位大哥

你可能感兴趣的:(前端,监听dom宽高)