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

/p/b9004cb2fa2c

非常感谢这位大哥