vue 监听dom元素的宽高变化
1、准备一个插件npm install element-resize-detector2、使用monted(){// 直接导入使用,也可以在main.js中引入var elementResizeDetectorMaker = require("element-resize-detector")// 创建实例,无参数var erd = elementResizeDetectorMaker();//
·
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
非常感谢这位大哥
更多推荐
已为社区贡献3条内容
所有评论(0)