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

本文主要是介绍微信小程序 - 获取节点信息、视口信息，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

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

这篇关于微信小程序 - 获取节点信息、视口信息的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！