以下是一些常见的使用方式:
1. 获取单个节点信息:
wx.createSelectorQuery().select('.my-node').boundingClientRect(function(rect){
console.log(rect);
}).exec();
在上述代码中,.my-node 是一个 WXML 节点的类名,boundingClientRect 方法用于获取该节点的位置、大小等信息,exec 方法用于执行查询操作。
2. 获取多个节点信息:
wx.createSelectorQuery().selectAll('.my-nodes').boundingClientRect(function(rects){
console.log(rects);
}).exec();
与 select 不同的是,selectAll 用于选择多个节点,并将其信息放入回调函数中的 rects 参数。
3. 获取节点的滚动位置:
wx.createSelectorQuery().selectViewport().scrollOffset(function(res){
console.log(res);
}).exec();
上述代码中,selectViewport 用于选择整个视口,scrollOffset 用于获取视口的滚动位置。
4. 节点信息的详细说明:
boundingClientRect 返回的节点信息包括:
- width:节点的宽度。
- height:节点的高度。
- top:节点的上边界坐标。
- right:节点的右边界坐标。
- bottom:节点的下边界坐标。
- left:节点的左边界坐标。
scrollOffset 返回的视口滚动位置信息包括:
- scrollTop:竖直方向滚动条位置。
- scrollLeft:水平方向滚动条位置。
这些方法提供了一种灵活的方式来获取和操作 WXML 节点信息,可以根据实际需要选择适合的方法。
转载请注明出处:http://www.zyzy.cn/article/detail/1022/微信小程序