微信小程序 - 获取节点信息、视口信息

官网：https://developers.weixin.qq.com/miniprogram/dev/api/wxml/SelectorQuery.html

Component({
  queryMultipleNodes (){
    const query = wx.createSelectorQuery().in(this)
    query.select('#the-id').boundingClientRect(function(res){
      res.top // 这个组件内 #the-id 节点的上边界坐标
    }).exec()
  }
})

注意里面的 in(this) ，这个this是说明获取那个组件，一般写自身即可

select("#this-id") ： 这个是获取单个的，你可以获取多个即可 selectAll

括号内的是选择器，当然你可以是其他详细看文档即可

如果是组件内获取，一般在生命周期进入节点树后写。

还可以获取其他信息，例如视图、滚轮高度什么的 详细看文档：

https://developers.weixin.qq.com/miniprogram/dev/api/wxml/wx.createSelectorQuery.html

标签：api,微信,信息,节点,获取,视口,组件,query,id
来源： https://www.cnblogs.com/bi-hu/p/15724272.html