fix keepAlive

src/assets/style/color.scss

@@ -1,5 +1,5 @@
 //$primary: #7C9CFF;
-$primary: #0F3294;
+$primary: rgba(15, 50, 148, 0.49);
 $red: #ef0b0b;
 $blue: #409eff;
 $green: #5dc800;

src/layout/letf.vue

@@ -7,7 +7,10 @@
       </div>
     </div>
     <div>
-      <div class='item flex flex-center' v-for='item in data' :key='item.id'>{{item.name}}</div>
+      <div v-for='(item,index) in data' :key='item.id' @click='navClick(index)'>
+        <div class='item flex flex-center bold font-14 ' :style=' item.checked ? "background-color: #7AB4F9;color:white":"" '>{{item.name}}</div>
+      </div>
+
     </div>
   </div>
 </template>
@@ -26,17 +29,25 @@ export default {
     init () {
       this.$api.system.getMenus().then(res => {
         if (res.code === 200) {
-          this.data = res.data
-          console.log(typeof this.data)
-          if (this.data.length === 0) {
+          this.data = res.data.map(sub => {
+            sub.checked = false
+            return sub
+          })
+          if (res.msg === '暂无承载数据') {
             this.$router.push('/login')
           } else {
-            // this.$router.push(this.data[0].path)
+            this.$router.push(this.data[0].path)
+            this.data[0].checked = true
           }
-        } else {
-          console.log(res)
         }
       })
+    },
+    navClick (index) {
+      this.data.forEach(item => {
+        item.checked = false
+      })
+      this.data[index].checked = true
+      // this.$router.push(this.data[index].path)
     }
   }
 }

src/router/index.js

@@ -13,9 +13,11 @@ const router = createRouter({
 })
 
 router.beforeEach((to, from, next) => {
+  console.log(routes)
   if (to.path !== '/login') {
     const nav = navStore()
     nav.updateMenu(to)
+    console.log(to.name)
   }
   if (to.meta.keepAlive) {
     const keepAlive = keepAliveStore()

src/views/desk/index.vue

@@ -11,10 +11,7 @@
 
 <route>
   {
-    title: '工作台',
-    meta: {
-     keepAlive:true
-    }
+    name: '工作台'
   }
 </route>
 

src/views/home/dash.vue

@@ -5,7 +5,7 @@
 </template>
 <route>
   {
-    name:'工作台'
+    name:'工作台2'
   }
 </route>