注册登录

王子虾

王子虾

发布：2022-09-06 16:40
更新：2023-08-28 10:01
阅读：1196

uniapp 使用vue3组合api，发现ref.val在浏览器端可以使用，但是在微信小程序端展示不出来。是不是uniapp或者微信小程序不支持这种语法啊

分类：uni-app

场景
**1、增加了一个echarts的组件，

<template>  
    <div>  
        <!-- <div id="main" style="width: 100%;height: 400px;"></div> -->  
        <div ref="chart" style="width: 100%;height: 400px;"></div>  

    </div>  
</template>  

<script setup>  
import * as echarts from "echarts";  
import { onMounted, ref } from "vue";  

const chart = ref();  
onMounted(() => {  
    console.log("===chart,chart==");  
    console.log(chart.value);  
    console.log("==chart,chart===");  
    init();  

})  

function init() {  
      // 基于准备好的dom，初始化echarts实例  
      var myChart = echarts.init(chart.value);

**2、在index页面引用了这个组件

**3、浏览器端显示正常

**4、但是在微信小程序端会报失败。。。看起来，ref的chart.value并没有被加载出来
undefined，我理解是不是uniapp或者微信小程序不支持这种语法啊？？导致解析空了？

2022-09-06 16:40 负责人:无分享

4 个回复

王子虾

王子虾 (作者)

感觉是不是这个问题。。。
非 H5 平台只能获取 vue 组件实例不能获取到内置组件实例
https://uniapp.dcloud.net.cn/tutorial/vue3-api.html

https://blog.csdn.net/haidong55/article/details/125751435

1***@qq.com

楼主解决了吗？我也碰见这个问题，自定义子组件的**REF.value为null

2024-10-23 11:35

王子虾

王子虾 (作者)

类似问题，https://ask.dcloud.net.cn/question/133989

王子虾

王子虾 (作者)

使用的是这个方法，但是小程序不支持。。
https://blog.csdn.net/Wancc123/article/details/118729180

但是替代方案是什么呢

a***@hanlinhx.com

a***@hanlinhx.com

楼主问题解决了吗?

要回复问题请先登录或注册