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

2021-12-23 17:04:39 阅读：127 来源： 互联网

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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

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