在vue3項(xiàng)目中使用echarts折線圖時(shí)發(fā)現(xiàn)了一個(gè)問(wèn)題,echarts的提示框組件tooltip無(wú)法顯示
原因: 因vue3中使用了Proxy對(duì)象代理,但echarts中使用了大量的===造成對(duì)比失敗。
解決方法:不要將 echarts 實(shí)例包裝成響應(yīng)式對(duì)象,也就是避免使用 ref 和 reactive??梢杂?shallowRef 或者普通變量
let chart = null
chart = echarts.init(this.$el)
chart.setOption(option)
使用普通變量保存echarts實(shí)例