最近做微信小程序遇到需要动态获取某个视图的高度,找了一圈网上的资料最后还是微信官方文档解决了问题。
废话不多说上代码
const query = wx.createSelectorQuery()
//在自定义组件或包含自定义组件的页面中,应使用 this.createSelectorQuery()
// 绑定xml文件的指定视图 id
query.select('#the-id').boundingClientRect()
query.exec(function (res) {
//取高度 其他信息可以在res中自行寻找 也可参考下方微信官方文档
var h = res[0].height;
})
----XML文件----
<view id="the-id"></view>
这里划重点!!!
在自定义组件或包含自定义组件的页面中,应使用 this.createSelectorQuery()
获取视图高度等信息的时间点看具体页面逻辑,简单粗暴的先设置个timeout 延迟几秒获取
微信官方文档链接:https://developers.weixin.qq.com/miniprogram/dev/api/wx.createSelectorQuery.html