vue3.0 页面切换后 echarts 空白

这里写自定义目录标题

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

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值