导航默认显示以及样式修改

src/components/permissions/index.vue

@@ -21,7 +21,7 @@
           :collapse="isCollapse"
           @select="handleSelect"
         >
-          <el-submenu v-for="(item,ind) in navList" :index="ind" :key="ind">
+          <el-submenu v-for="(item,ind) in navList" :index="item.index" :key="ind">
             <template slot="title">
               <i :class="item.icon"></i>
               <span slot="title">{{item.name}}</span>
@@ -30,7 +30,7 @@
               <!-- <router-link  v-for="(it,i) in item.children"  :key="i" :to="it.url">
                 <el-menu-item :index="it.name">{{it.name}}</el-menu-item>
               </router-link> -->
-              <el-menu-item v-for="(it,i) in item.children"  :key="i" :index="it.name" @click="navLike(it)">{{it.name}}</el-menu-item>
+              <el-menu-item v-for="(it,i) in item.children"  :key="i" :index="it.index" @click="navLike(it)">{{it.name}}</el-menu-item>
             </el-menu-item-group>
           </el-submenu>
         </el-menu>
@@ -41,8 +41,8 @@
     </div>
     <div class="content" :style="isCollapse?`width: calc(100% - 60px)`:`width: calc(100% - 220px)`">
       <div class="tagContainer">
-        <span class="marginRight5">{{(activeMenu=='操作日志'|| activeMenu=='登录日志')?'日志管理':'权限管理'}}</span>
-        /<span class="fontBlur pointer marginLeft5">{{activeMenu}}</span>
+        <span class="marginRight5">{{(activeMenuName=='操作日志'|| activeMenuName=='登录日志')?'日志管理':'权限管理'}}</span>
+        /<span class="fontBlur pointer marginLeft5">{{activeMenuName}}</span>
       </div>
       <div class="list">
         <!-- <keep-alive> -->
@@ -65,19 +65,22 @@ export default {
         {
           name: '权限管理',
           icon: 'el-icon-s-tools',
-          id: '0',
+          index: '0',
           children: [
             {
               name: '角色介绍',
               url:'/permissions/role',
+              index: '0-0'
             },
             {
               name: '模块介绍',
               url:'/permissions/module',
+              index: '0-1'
             },
             {
               name: '用户管理',
               url:'/permissions/user',
+              index: '0-2'
             },
           ]
         },
@@ -89,20 +92,22 @@ export default {
             {
               name: '操作日志',
               url:'/permissions/operate',
+              index: '1-0'
             },
             {
               name: '登录日志',
               url:'/permissions/login',
+              index: '1-1'
             },
           ]
         },
       ],
-      activeMenu: "角色介绍",
+      activeMenu: "0-0",
+      activeMenuName: "角色介绍",
     };
   },
 
   created() {
-    
     this.$router.push({
           path:'/permissions/role',
           query: {
@@ -123,6 +128,7 @@ export default {
       this.isCollapse = !this.isCollapse
     },
     navLike(val){
+      this.activeMenuName = val.name
       this.$router.push({
           path:val.url,
           query: {