企业官网建设流程全解析

背景：vue + echarts

问题：

echarts图表在页面中（tabs）切换修改数据时，控制台警告There is a chart instance already initialized on the dom. 每次切换都会警告一次

解决：

使用echarts.getInstanceByDomAPI获取 dom 容器上的实例。
如果已经有实例了，说明不是初始化，所以先使用dispose()：销毁实例，实例销毁后无法再被使用；然后再重新init初始化实例

constlineEcharts=ref<HTMLElement|null>(null);functioninitLineEcharts(){constchart=lineEcharts.value;if(!chart)return;constexistingInstance=echarts.getInstanceByDom(chart);if(existingInstance){existingInstance.dispose();}constmyChart=echarts.init(lineEcharts.value);constoption={...};option&&myChart.setOption(option);}