首页 前端知识 vue3中使用echarts:tooltip的trigger为axis tooltip不显示问题

vue3中使用echarts:tooltip的trigger为axis tooltip不显示问题

2024-09-21 22:09:41 前端知识 前端哥 990 478 我要收藏

遇到一个问题,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 为对象转为代理模式之后再转回原来的值

转载请注明出处或者链接地址:https://www.qianduange.cn//article/18544.html
标签
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!