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

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

02/14 10:46
大潇博客 原创文章,转载请标明出处

可以通过 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的第一个参数中返回


打赏

阅读排行

大家都在搜

博客维护不易,感谢你的肯定
扫码打赏,建议金额1-10元
  • 15601023311