uniapp获取元素所在位置

在uniapp中，要获取元素的位置，你可以使用uni.createSelectorQuery().select(selector).boundingClientRect(callback)方法。具体的代码示例如下：

export default {
  onReady() {
    this.getElementPosition();
  },
  methods: {
    getElementPosition() {
      const query = uni.createSelectorQuery().in(this);
      query.select('#target').boundingClientRect(data => {
        console.log(data);
      }).exec();
    }
  }
};

在这个示例中，你可以将`#target`替换为你想要获取位置的元素的id。执行`boundingClientRect(callback)`方法后，你可以在回调函数中获取到元素的位置信息。

另外，如果你想要在整个项目中使用这个获取元素位置的方法，你可以将它封装到一个单独的js文件中，并在main.js中全局导入。具体的代码示例如下：

// xxx.js
export default {
  getRect(selector) {
    return new Promise((resolve) => {
      let view = uni.createSelectorQuery().select(selector);
      view.fields({ size: true, rect: true, scrollOffset: true }, (res) => {
        resolve(res);
      }).exec();
    });
  }
}

// main.js
import Xxx from 'xxx.js';
Vue.prototype.$Xxx = Xxx;

这样，你就可以在整个项目中使用`this.$Xxx.getRect(selector)`来获取元素的位置。其中，`selector`参数是你想要获取位置的元素的选择器。
#### 引用[.reference_title]
- *1* *2* *3* [uni-app获取DOM元素信息及跳到指定位置](https://blog.csdn.net/error534/article/details/115006777)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]