王子虾
王子虾
  • 发布:2022-09-06 16:40
  • 更新:2023-08-28 10:01
  • 阅读:872

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 负责人:无 分享
已邀请:
王子虾

王子虾 (作者)

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

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

王子虾

王子虾 (作者)

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

王子虾

王子虾 (作者)

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

但是替代方案是什么呢

a***@hanlinhx.com

a***@hanlinhx.com

楼主问题解决了吗?

要回复问题请先登录注册