..

src/components/Header.vue

@@ -49,7 +49,7 @@ export default {
     onMounted(() => {
       const pathname = window.location.hash.split('/')[1] || ''
       if (!['login'].includes(pathname)) {
-        getUserInfo()
+        // getUserInfo()
       }
     })
     const getUserInfo = async () => {

src/components/Zhibiao.vue

@@ -33,6 +33,7 @@ export default {
      });
     const getChartsZfl = (id, text) => {
       var dom = document.getElementById(id);
+      console.log(dom);
       var op = {
         color: ['#80FFA5', '#00DDFF', '#37A2FF', '#FF0087', '#FFBF00'],
         title: {
@@ -239,6 +240,9 @@ export default {
     }
     const getEchart = (dom, op) => {
       if (dom) {
+        // 图表的dom属性中发现了一个特殊的属性：_echarts_instance_，对应的值是一个id，可能是由于再次渲染时这个id未发生改变导致ehcarts认为不需要重新渲染
+        // 手动移除该属性
+        dom.removeAttribute('_echarts_instance_')
         var myChart = echarts.init(dom);
         var option = op;
 
@@ -267,7 +271,6 @@ export default {
     width: 100%;
     height: 20%;
     margin: 0 auto;
-    border: 1px solid red;
   }
 }
 </style>