需求:uni-app中获取页面中元素的位置
查询了官网,写法如下:
onMounted(() => {
const query = uni.createSelectorQuery().in(this)
query
.select('.cart')
.boundingClientRect((data) => {
console.log(data, 'data')
})
.exec()
})
发现报错如下:
因为是vue3 项目,所以删除了 in(this) 发现还是获取不到数据
最终终于找到了解决方法:
import { ref, onMounted, getCurrentInstance } from 'vue'
// 获取页面实例对象
const instance = getCurrentInstance()
onMounted(() => {
const query = uni.createSelectorQuery().in(instance)
query
.select('.cart')
.boundingClientRect((data) => {
console.log(data, 'data')
})
.exec()
})