本篇内容主要讲解“小程序开发如何获取节点的相关信息”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“小程序开发如何获取节点的相关信息”吧!获取节点的相关信息,需要获取的字段在fields中指定。返回
本篇内容主要讲解“小程序开发如何获取节点的相关信息”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“小程序开发如何获取节点的相关信息”吧!
获取节点的相关信息,需要获取的字段在fields
中指定。返回值是nodesRef对应的selectorQuery。可指定获取的字段包括:
字段名 | 默认值 | 说明 |
---|---|---|
id | 否 | 是否返回节点id |
dataset | 否 | 是否返回节点dataset |
rect | 否 | 是否返回节点布局位置(left right top bottom ) |
size | 否 | 是否返回节点尺寸(width height ) |
scrollOffset | 否 | 是否返回节点的 scrollLeft scrollTop ,节点必须是scroll-view 或者viewport |
properties | [] | 指定属性名列表,返回节点对应属性名的当前属性值(只能获得组件文档中标注的常规属性值, id class style 和事件绑定的属性值不可获取) |
示例代码:
Page({ getFields: function(){ wx.createSelectorQuery().select('#the-id').fields({ dataset: true, size: true, scrollOffset: true, properties: ['scrollX', 'scrollY'] }, function(res){ res.dataset // 节点的dataset res.width // 节点的宽度 res.height // 节点的高度 res.scrollLeft // 节点的水平滚动位置 res.scrollTop // 节点的竖直滚动位置 res.scrollX // 节点 scroll-x 属性的当前值 res.scrollY // 节点 scroll-x 属性的当前值}).exec() }})
到此,相信大家对“小程序开发如何获取节点的相关信息”有了更深的了解,不妨来实际操作一番吧!这里是编程网网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
--结束END--
本文标题: 小程序开发如何获取节点的相关信息
本文链接: https://lsjlt.com/news/307925.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0