关于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 @   李帆同学  阅读(214)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
历史上的今天:
2019-05-09 vue实例形成前没有对象中的字段,后来通过操作事件添加的字段是监控不到的
2019-05-09 js 如何一次性删除数组中的多个元素
TOP
点击右上角即可分享
微信分享提示