欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue 监听dom元素的宽高变化

程序员文章站 2022-06-20 11:14:35
...

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

非常感谢这位大哥