vue3+uniapp获取元素距离顶部的距离

找了很多文章基本上都是vue2的解决方案，vue3已经流行很久了，也没有合适的解决方案。 不过别担心，现在有了，只需两步，vue3轻松愉快的获取元素位置信息。废话不多说，上代码。

第一步：获取上下文ctx，相当于vue2的this

const { ctx } = getCurrentInstance();

第二步：获取class为‘ele’的元素距离顶部，左侧，右侧的距离等信息

 const query = uni.createSelectorQuery().in(ctx);
  query.select(".ele").boundingClientRect((data: any) => {
    console.log(data);
  });
  query.exec();

本文适用于uniapp+vue3框架获取元素位置信息。 这篇文章是否能解决你的问题呢？如有任何不明白，欢迎提出你的问题。