微信小程序动态获取元素宽高 - 微信小程序 - 大潇博客

首页 > 技术分享 > 微信小程序

大潇博客原创文章,转载请标明出处

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

实际用法：

假设wxml中有下面这些标签

它们的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的第一个参数中返回

打赏