微信小程序 获取指定视图高度等信息

2019-05-26  本文已影响0人  信Xin_GG
最近做微信小程序遇到需要动态获取某个视图的高度,找了一圈网上的资料最后还是微信官方文档解决了问题。

废话不多说上代码

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

上一篇 下一篇

猜你喜欢

热点阅读