vue中监控元素大小变化element-resize-detector

原文地址：https://www.jianshu.com/p/b9004cb2fa2c

导入npm install element-resize-detector

1.可以浏览器统一导入 如放到index.html

<scriptsrc="node_modules/element-resize-detector/dist/element-resize-detector.min.js"></script>

2.也可以在vue中导入

如在

monted(){varelementResizeDetectorMaker=require("element-resize-detector");//导入// 创建实例varerd=elementResizeDetectorMaker();// 创建实例带参varerdUltraFast=elementResizeDetectorMaker({strategy:"scroll",//<- For ultra performance.callOnAdd:true,debug:true});//监听id为test的元素 大小变化erd.listenTo(document.getElementById("test"),function(element){varwidth=element.offsetWidth;varheight=element.offsetHeight;console.log("Size: "+width+"x"+height);});}

3.erd实例方法

RemoveListener(element，listener)

从元素中移除侦听器。

RemoveAllListener(element)

从元素中移除所有侦听器，但不完全删除检测器。如果以后可能会添加侦听器，并且不希望检测器再次初始化，请使用此函数。

uninstall(element)

完全删除检测器和所有侦听器。

作者：一叶知秋_038b

链接：https://www.jianshu.com/p/b9004cb2fa2c

来源：简书

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。