第一次在做在Vue3项目中使用echarts的项目,第一时间想到将echarts实例作为一个响应式对象来使用,但是这样做了之后却导致了tooltip功能失效。
查阅了资料后发现出现问题的原因是Vue3使用了proxy对象代理,而echarts则使用了大量的全等(===),对比失败从而导致了bug。
解决方法是将ref或reactive对象换成普通变量来保存echarts实例。
Vue3使用Echarts tooltip失效
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- # Vue3中echarts力导向图的简单使用和配置 最近有Vue项目中使用到Echarts,做一个简单记录。 项...
- 从Vue3发布以来,我就一直对其非常感兴趣,就一直想着将其投入公司的生产中,但是开始考虑到很多不确定性就暂时对一些...