因为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))
标签:插件,对象,tooltip,响应,vue3,markRaw,type,echarts
From: https://www.cnblogs.com/lifan-fineDay/p/18181355