共计 474 个字符,预计需要花费 2 分钟才能阅读完成。
遇到一个问题,vue3 中使用 echarts
tooltip 使用 item 没有问题,在使用 axis 时一直出不来滑动效果
tooltip: {
trigger: 'item',
},
将设置好的 option 在官网的代码运行器中没有问题
最后解决办法:用 markRaw 让 echarts 从监听对象变成普通对象!!
import { ref, reactive, watch, onMounted, markRaw } from 'vue';
...
const chartBox = document.getElementById('chart-box');
myChart = markRaw(echarts.init(chartBox));
因为 vue3 中的数据对象是用的 proxy 监听的,要取值需要用 value 等方法取出来。
markRaw() 详情参考这里:markRaw 详情
个人理解:markRaw 和 toRaw 区别
markRaw 为设置禁止将对象转为代理模式
toRaw 为对象转为代理模式之后再转回原来的值
原文地址: vue3 中使用 echarts:tooltip 的 trigger 为 axis tooltip 不显示问题
正文完