微信小程序WXML节点信息如何详细查询?

更新于
2026-10-01 06:36:27
0阅读来源:SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐

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

微信小程序WXML节点信息如何详细查询?

1. 使用SelectorQuery查询节点信息 在组件内,使用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。

阅读全文

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

微信小程序WXML节点信息如何详细查询?

1. 使用SelectorQuery查询节点信息 在组件内,使用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。

阅读全文