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

【报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

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

要回复问题请先登录注册