uni-app获取盒子元素高度

最新推荐文章于 2023-09-08 10:29:07 发布

李夏洛

最新推荐文章于 2023-09-08 10:29:07 发布

阅读量2.8k

点赞数 1

分类专栏： uni-app 文章标签： uni-app uni.createSelectorQuery 节点查询自定义组件布局信息

本文链接：https://blog.csdn.net/qq_48169457/article/details/112292705

版权

uni-app 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

uni.createSelectorQuery()

返回一个 SelectorQuery 对象实例。可以在这个实例上使用 select 等方法选择节点，并使用
boundingClientRect 等方法选择需要查询的信息。

Tips: 使用 uni.createSelectorQuery() 需要在生命周期 mounted 后进行调用。
自定义组件编译模式（默认模式），需要使用到 selectorQuery.in 方法。

SelectorQuery

查询节点信息的对象

selectorQuery.in(component)

将选择器的选取范围更改为自定义组件 component 内，返回一个 SelectorQuery 对象实例。（初始时，选择器仅选取页面范围的节点，不会选取任何自定义组件中的节点）。

//代码演示
const query = uni.createSelectorQuery().in(this);
query.select('#id').boundingClientRect(data => {
  console.log("得到布局位置信息" + JSON.stringify(data));
  console.log("节点离页面顶部的距离为" + data.top);
}).exec();