页面切换导致echarts不加载的问题
1. 问题描述
在A页面写了echarts,初始化dom元素加载,显示正常.当切换到B页,再切换回A页面时,echarts加载不出来.
f12召唤出来看看报错,没有问题,但是有这样的警告
渲染echarts的dom元素上多了一个" echarts_instance "的属性,这是用来表示唯一性的.
2. 问题解决
如下初始化可解决问题
const echarts = document.querySelector('....')
echarts.removeAttribute("_echarts_instance_")//移除唯一标识
let myEcharts = echarts.init(echarts )
引自:
小猫哇来啦 <echarts在vue3中的使用——其他页面跳转回echarts图表页面时，不显示图表的问题>