uniapp + vue3.2 用ref获取DOM元素一直为null
uniapp + vue3.2 开发小程序 用ref获取DOM元素一直为null。有人遇到同款问题并已解决的看到捞一下我…
·
uniapp + vue3.2 开发小程序 用ref获取DOM元素一直为null
尝试了以下几种方案:
- onMounted()打印不行
- onReady()打印不行
- nextTrick()打印不行
- await 不行
- 不在view上绑定ref,在其他标签上绑定不行
- 最后结论:引入子组件,给子组件绑定ref才能获取到?
有人遇到同款问题并已解决的看到捞一下我…
<template>
<view class="index">
<view class="index_navbar" ref="navBar">
huuhu
</view>
</view>
</template>
<script setup>
import { ref, onMounted, reactive, nextTick } from "vue";
const navBar = ref(null)
onMounted(() => {
getMenuBtnClient();
})
function getMenuBtnClient() {
const btn_client = wx.getMenuButtonBoundingClientRect()
console.log(btn_client)
console.log(navBar.value) // 为null
// navbar.style.top = btn_client.top
// navbar.style.left = btn_client.right
}
</script>
更多推荐
已为社区贡献2条内容
所有评论(0)