微信小程序

微信小程序动态获取元素宽高

02-14 10:00

可以通过 wx.createSelectorQuery() 这个api接口,动态获取小程序中元素的宽和高


实际用法:

假设wxml中有下面这些标签

image.png

它们的class相同,想获取其中某个的宽度,使用下面方法:

wx.createSelectorQuery().selectAll('.article_navigate').boundingClientRect(function (rect) {

let index = e.detail.current; //获取下标,需配合项目中的实际事件

var current_width=Math.ceil(rect[index].width); //当前宽度

var num=0; //总宽度

for(var i=1;i<=index;i++){

     var current_width=Math.ceil(rect[i].width); //当前导航宽度

     num=num+current_width;

}

}).exec();


注意最后的.exec()方法很重要,用途为:

exec( function(res){} ):执行所有的请求,请求结果按请求次序构成数组,在callback的第一个参数中返回


微信小程序
大潇博客 版权所有 Copyright ©2016~2025
京ICP备17004217号-6  合作QQ:284710375
天玺科技