不如摸鱼去
不如摸鱼去
  • 发布:2023-05-16 19:40
  • 更新:2023-05-17 12:05
  • 阅读:343

【报Bug】vue3编译到支付宝小程序无法通过getCurrentInstance获取$refs

分类:uni-app

产品分类: uniapp/小程序/阿里

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win11专业版 22621.1413

HBuilderX类型: 正式

HBuilderX版本号: 3.7.11

第三方开发者工具版本号: 3.6.4

基础库版本号: 2.0

项目创建方式: HBuilderX

操作步骤:

见复现demo

预期结果:

可以通过getCurrentInstance获取$refs

实际结果:

无法通过getCurrentInstance获取$refs

bug描述:

vue3编译到支付宝小程序无法通过getCurrentInstance获取$refs。页面中存在自定义组件且绑定了ref,仍然无法通过getCurrentInstance获取$refs

2023-05-16 19:40 负责人:无 分享
已邀请:
不如摸鱼去

不如摸鱼去 (作者) - 一个前端打工仔。如果我的回答对你产生了帮助,还请给个star: https://github.com/Moonofweisheng

复现demo见附件

不如摸鱼去

不如摸鱼去 (作者) - 一个前端打工仔。如果我的回答对你产生了帮助,还请给个star: https://github.com/Moonofweisheng

支付宝打印为{},微信和H5可以打印出{test:{}}
而且支付宝必须定义 const test = ref() 否则就会报错

<template>  
    <view>  
        <test-component ref="test"></test-component>  
    </view>  
</template>  

<script setup>  
    import testComponent from './testComponent.vue'  
    import {  
        ref,  
        onMounted,  
        getCurrentInstance  
    } from "vue";  
    const test = ref()  
    onMounted(()=>{  
        const {proxy} = getCurrentInstance()  
        console.log(proxy.$refs);  
    })  

</script>  

<style>  
    .touch-warp {  
        padding: 100rpx 20rpx;  
        border: 2px solid red;  
    }  
</style>
不如摸鱼去

不如摸鱼去 (作者) - 一个前端打工仔。如果我的回答对你产生了帮助,还请给个star: https://github.com/Moonofweisheng

想给组件加一个函数式调用,获取子组件实例的方案不是这个平台不行,就是那个不行,唉

要回复问题请先登录注册