Vue3使用Echarts tooltip失效

157 阅读1分钟

第一次在做在Vue3项目中使用echarts的项目,第一时间想到将echarts实例作为一个响应式对象来使用,但是这样做了之后却导致了tooltip功能失效。
查阅了资料后发现出现问题的原因是Vue3使用了proxy对象代理,而echarts则使用了大量的全等(===),对比失败从而导致了bug。
解决方法是将ref或reactive对象换成普通变量来保存echarts实例。