【报Bug】vue3获取组件实例为null

分类：uni-app

bug反馈

产品分类： uniapp/小程序/微信

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win10 X64

HBuilderX类型：正式

HBuilderX版本号： 3.4.7

第三方开发者工具版本号：最新版

基础库版本号： 2.9.5

项目创建方式： HBuilderX

示例代码：

<template>  
    <view class="content">  
        <view class="color">{{num}}</view>  
        <button@btnClick="btnClick">按钮</button>  
        <uni-popup ref="popupRef" type="bottom">底部弹出 Popup</uni-popup>  
    </view>  
</template>  

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

const popupRef = ref(null)  
const num = ref(123)  

onMounted(() => {  
    console.log('popupRef实例：', popupRef.value);  
})  

function btnClick() {  
    console.log(popupRef);  
    popupRef.value.open()  
}  
</script>

操作步骤：

点击按钮获取组件实例

预期结果：

可以获取到uni-popup组件实例

实际结果：

获取结果为null

bug描述：

官方的实例还是使用v2写法，当使用v3的setup语法就会获取不到组件实例

2022-05-05 10:17 负责人:无分享

2 个回复

DCloud_UNI_Anne

未复现此问题。请用HBuilder X 3.4.8-alpha试下

x***@126.com

很容易复现啊，内置组件都是null

2024-03-02 20:49

成都大胜

我也是获取内置组件的ref是null

<picker  
                    ref="pickerRef"  
                    mode="date"  
                    :value="state.date"  
                    :start="startDate"  
                    :end="endDate"  
                    :fields="state.fields"  
                    @change="bindDateChange"  
                >  
                    <view class="uni-input">{{ state.date }}</view>  
                </picker>

该问题目前已经被锁定, 无法添加新回复

【报Bug】vue3获取组件实例为null

操作步骤：

点击按钮获取组件实例

预期结果：

可以获取到uni-popup组件实例

实际结果：

获取结果为null

bug描述：

2 个回复

公告

相关问题

【报Bug】vue3获取组件实例为null

操作步骤： 点击按钮获取组件实例

预期结果： 可以获取到uni-popup组件实例

实际结果： 获取结果为null

bug描述：

与内容相关的链接

2 个回复

公告

相关问题

操作步骤：

点击按钮获取组件实例

预期结果：

可以获取到uni-popup组件实例

实际结果：

获取结果为null