vue切换页面后，echarts不显示

场景：

　　遇到一个echarts的问题，查了一天的资料，终于解决了！

　　页面一开始，图表能出来，但是切换过页面后，再回来就不显示了。之前：

 

　　之后：

　　

 

 

 解决：

　　echarts的dom元素有一个属性：_echarts_instance_，它应该类似id，需要每次刷新重新生成。如图：

 

 　　vue切换路由的时候，这个属性一直没变，因此解决方案如下：

 const command_edom = document.getElementById("command");
      command_edom.removeAttribute("_echarts_instance_");
      this.myChartPie = echarts.init(command_edom);
      this.myChartPie.setOption(this.commandOption);

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

参考：

　　https://blog.csdn.net/Tsinbo1314/article/details/122977239

　　https://blog.csdn.net/qq_34645412/article/details/102895827