微信小程序WXML节点信息如何精准查询详解？

本文共计843个文字，预计阅读时间需要4分钟。

使用wx.createSelectorQuery()查询组件内节点信息，组件内可通过this.createSelectorQuery()或query.in(this)访问。

1、节点信息查询

const query = wx.createSelectorQuery();// //组件内，则用this.createSelectorQuery()；或者query .in(this);

节点查询对象：SelectorQuery .in(this) //限定范围为自身组件,返回(所以可以和下面的方法，点连调用) .exec(function callback) //执行查询 //根据str选择器查询，或者查询视窗。 .select(selector) //根据选择器str查询，返回一个匹配 .selectAll(selector) //根据选择器str查询，返回所有匹配 .selectViewport()//选择显示区域

节点对象：NodesRef //执行底下请求后，返回SelectorQuery对象。 .fields({//这个是常规查询，你想要查询的信息，配置好，就可以查询。底下还有细分的某一类查询。 id：true，//这两个以下细分节点查询都会有这个返回 dataset：true， rect:true，//这两个包括id,dataset。相当于boundingClientRect查询 size:true， scrollOffset:true，//这个包括,id,dataset。相当于scrollOffset查询 context：true，//这个包括id,dataset。