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

最新推荐文章于 2025-11-21 15:59:39 发布

原创最新推荐文章于 2025-11-21 15:59:39 发布 · 417 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #前端 #javascript #vue.js #vue

因为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))