vue3.0 页面切换后 echarts 空白

  • Post author:
  • Post category:vue


这里写自定义目录标题



vue3.0 页面切换后 echarts 空白

echarts的dom元素有一个属性:

echarts_instance

,需要每次刷新重新生成。

vue切换路由的时候,这个属性一直没变。

可以手动删除这个属性,让它重新生成!

	var basicInfoEchart1;
	var basicInfoEchart1Dom = document.getElementById('basicInfoEchart1');
	//加上以下代码即可**********
	if(basicInfoEchart1Dom.getAttribute('_echarts_instance_')!=null)
	{
		basicInfoEchart1Dom.removeAttribute('_echarts_instance_')
	}
	basicInfoEchart1 = echarts.init(basicInfoEchart1Dom);
	//**********
	basicInfoEchart1.setOption(basicInfoEchartOption(echarts, 30));
	state.basicInfoEchart1 = basicInfoEchart1;

参考

https://www.cnblogs.com/chenzibai/p/15927423.html



版权声明:本文为tuoai9113原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。