2026/6/21 17:47:05
网站建设
项目流程
网站建设 麻烦吗,建设自己网站的流程,主流网站模板,整合营销的概念背景#xff1a;vue echarts
问题#xff1a;
echarts图表在页面中#xff08;tabs#xff09;切换修改数据时#xff0c;控制台警告There is a chart instance already initialized on the dom. 每次切换都会警告一次
解决#xff1a;
使用echarts.getInstanceByDom …背景vue echarts问题echarts图表在页面中tabs切换修改数据时控制台警告There is a chart instance already initialized on the dom. 每次切换都会警告一次解决使用echarts.getInstanceByDomAPI获取 dom 容器上的实例。如果已经有实例了说明不是初始化所以先使用dispose()销毁实例实例销毁后无法再被使用然后再重新init初始化实例constlineEchartsrefHTMLElement|null(null);functioninitLineEcharts(){constchartlineEcharts.value;if(!chart)return;constexistingInstanceecharts.getInstanceByDom(chart);if(existingInstance){existingInstance.dispose();}constmyChartecharts.init(lineEcharts.value);constoption{...};optionmyChart.setOption(option);}