第一次在做在Vue3项目中使用echarts的项目,第一时间想到将echarts实例作为一个响应式对象来使用,但是这样做了之后却导致了tooltip功能失效。
查阅了资料后发现出现问题的原因是Vue3使用了proxy对象代理,而echarts则使用了大量的全等(===),对比失败从而导致了bug。
解决方法是将ref或reactive对象换成普通变量来保存echarts实例。
Vue3使用Echarts tooltip失效
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- # Vue3中echarts力导向图的简单使用和配置 最近有Vue项目中使用到Echarts,做一个简单记录。 项...
- 从Vue3发布以来,我就一直对其非常感兴趣,就一直想着将其投入公司的生产中,但是开始考虑到很多不确定性就暂时对一些...