修改切换页面时多次调用接口

src/assets/main.css

@@ -68,6 +68,9 @@ a,
 .p5{
   padding: 5px;
 }
+.p20{
+  padding: 20px;
+}
 /* 颜色 */
 .white{
   color: white;

src/views/home.vue

@@ -101,8 +101,8 @@
             </div>
           </div>
         </el-header>
-        <el-main class="p5">
-          <el-tabs
+        <el-main class="p20">
+          <!-- <el-tabs
             @tab-click="tabClick"
             @tab-remove="tabRemove"
             v-model="state.activeTab"
@@ -117,13 +117,16 @@
             >
               <keepAlive>
                 <component
-                  v-if="isRouterAlive"
+                  v-show="isRouterAlive"
                   :is="dom[state.tabsItem.content]"
                   :key="state.activeTab"
                 />
               </keepAlive>
             </el-tab-pane>
-          </el-tabs>
+          </el-tabs> -->
+        
+          <RouterView />
+        
         </el-main>
         <!-- <el-footer
           :style="{
@@ -463,4 +466,7 @@ watch(
 .el-main {
   padding: 0;
 }
+.p20{
+  padding: 20px;
+}
 </style>