菜单选择逻辑修改

src/page/index/sidebar/index.vue

@@ -14,7 +14,7 @@
     <div :class="leftMenu.find(item => item.children) ? 'children' : 'no_child'">
       <div class="top_title">{{ this.menu.find(item => item.id == this.leftMenu[selectIndex].parentId).name }}</div>
       <div class="left_menu" @click="clickItem(item, index)" v-for="(item, index) in leftMenu" :key="item.id"
-        :class="index == selectIndex ? 'active' : ''">
+        :class="item.id == selectedIndex ? 'active' : ''">
         <el-popover placement="right-start" :show-arrow="false" :offset="0" :hide-after='0'
           popper-class="log-popover"
           popper-style="visibility: visible;width:auto;border:none;  transform-origin: left center; z-index: 2051;padding:0;offset:0 !important;">
@@ -27,7 +27,7 @@
                 <div class="img_box" v-if="item.children"></div>
               </div>
             </template>
-             <template #default v-if="leftMenu && leftMenu.length != 0 && leftMenu[selectIndex].children && leftMenu[selectIndex].children.length != 0">
+             <template #default v-if="item.children && item.children.length != 0">
               <div class="third_box" v-if="item.children && item.children.length != 0">
                   <div class="third_box_item" v-for="third in item.children" :key="third.id"  @click='clickPage(third)'>
                     {{ third.name }}
@@ -124,6 +124,7 @@ export default {
           path: item.path,
           query: item.query,
         });
+        this.$store.commit('SET_SELECTED_INDEX', item.parentId + '');
       }
     }
   },
@@ -165,8 +166,8 @@ export default {
   font-size: 14px;
 
   &.active {
-    // background: #41a5ff;
-    // color: #fff;
+    background: #0066ff;
+    color: #fff;
   }