uniapp开发避坑

Vue3版本获取dom

<script setup>
import { getCurrentInstance,onMounted } from 'vue'

onMounted(()=>{
    const instance = getCurrentInstance();
    const query = uni.createSelectorQuery().in(instance);
    query
    .select("#selector")//类似CSS选择器
    .boundingClientRect((rect) => {
        console.log("rect", rect);
    })
    .exec();
});
</script>

特别注意，需要在生命周期 mounted 后进行调用,上面的参考截图有瑕疵，运行会报错

下面是修改更新的

参考链接：uni.createSelectorQuery()

使用了非H5端不支持的API 小程序和App的js运行在jscore下而不是浏览器里，没有浏览器专用的js对象

比如document、xmlhttp、cookie、window、location、navigator、localstorage、websql、indexdb、webgl等对象。

官方说明：H5正常但App异常的可能性