# uni.createSelectorQuery()
返回一个
SelectorQuery
对象实例。可以在这个实例上使用
select
等方法选择节点,并使用
boundingClientRect
等方法选择需要查询的信息。
元服务 |
---|
√ |
HarmonyOS Next 兼容性
HarmonyOS Next |
---|
HBuilderX 4.23 |
Tips:
-
使用
uni.createSelectorQuery()
需要在生命周期mounted
后进行调用。 -
默认需要使用到
selectorQuery.in
方法。
# SelectorQuery
查询节点信息的对象
# selectorQuery.in(component)
将选择器的选取范围更改为自定义组件
component
内,返回一个
SelectorQuery
对象实例。(初始时,选择器仅选取页面范围的节点,不会选取任何自定义组件中的节点)。
代码示例
选项式 API
组合式 API
const query = uni.createSelectorQuery().in(this);
query
.select("#id")
.boundingClientRect((data) => {
console.log("得到布局位置信息" + JSON.stringify(data));
console.log("节点离页面顶部的距离为" + data.top);
.
exec();