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

官网: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

上一篇:提取值Table.TransformColumns(Power Query 之 M 语言)


下一篇:Java GUI中的一些踩坑点(学习记录)