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
非常感谢这位大哥
上一篇: 什么是爱情三元理论?
下一篇: linux服务器设置主机名颜色