见复现demo
不如摸鱼去
- 发布：2023-05-16 19:40
- 更新：2023-05-17 12:05
- 阅读：638
产品分类： uniapp/小程序/阿里
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win11专业版 22621.1413
HBuilderX类型： 正式
HBuilderX版本号： 3.7.11
第三方开发者工具版本号： 3.6.4
基础库版本号： 2.0
项目创建方式： HBuilderX
操作步骤：
预期结果：
可以通过getCurrentInstance获取$refs
可以通过getCurrentInstance获取$refs
实际结果：
无法通过getCurrentInstance获取$refs
无法通过getCurrentInstance获取$refs
bug描述：
vue3编译到支付宝小程序无法通过getCurrentInstance获取$refs。页面中存在自定义组件且绑定了ref，仍然无法通过getCurrentInstance获取$refs
不如摸鱼去 (作者) - 一个前端打工仔。如果我的回答对你产生了帮助，还请给个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
想给组件加一个函数式调用，获取子组件实例的方案不是这个平台不行，就是那个不行，唉
