关于vue3中使用echarts设置tooltip的type为axis不显示的问题

因为vue3中的数据对象是用的proxy监听的,要取值需要用value等方法取出来,
解决方法:使用 markRaw 让echarts从监听对象变成普通对象!

在 Vue 3 中,markRaw 是一个用于告诉 Vue 的响应性系统不要对某个对象进行转换或追踪其响应性的函数。当你有一个对象,并且你确定你不需要它成为响应性对象时,你可以使用 markRaw 来标记它。这在一些场景中非常有用,比如当你需要集成一个第三方库或插件,并且这个库或插件的某些部分不需要是响应性的。

import { ref, reactive, onMounted, markRaw } from 'vue'
......
const GroundWaveChart = ref(null)
......
var chartDom = document.getElementById('ground_wave_dom')
GroundWaveChart.value = markRaw(echarts.init(chartDom))
posted @ 2024-05-09 09:14  李帆同学  阅读(144)  评论(0编辑  收藏  举报
TOP