Browse Source

fix[sidebar]: fixed nest menu and noDropdown item bug

Pan 7 years ago
parent
commit
c2271d0bf5
1 changed files with 6 additions and 2 deletions
  1. 6 2
      src/views/layout/components/Sidebar/SidebarItem.vue

+ 6 - 2
src/views/layout/components/Sidebar/SidebarItem.vue

@@ -3,7 +3,7 @@
3
     <template v-for="item in routes" v-if="!item.hidden&&item.children">
3
     <template v-for="item in routes" v-if="!item.hidden&&item.children">
4
 
4
 
5
       <router-link v-if="item.children.length===1 && !item.children[0].children" :to="item.path+'/'+item.children[0].path" :key="item.children[0].name">
5
       <router-link v-if="item.children.length===1 && !item.children[0].children" :to="item.path+'/'+item.children[0].path" :key="item.children[0].name">
6
-        <el-menu-item :index="item.path+'/'+item.children[0].path" class='submenu-title-noDropdown'>
6
+        <el-menu-item :index="item.path+'/'+item.children[0].path" :class="{'submenu-title-noDropdown':!isNest}">
7
           <svg-icon v-if="item.children[0].meta&&item.children[0].meta.icon" :icon-class="item.children[0].meta.icon"></svg-icon>
7
           <svg-icon v-if="item.children[0].meta&&item.children[0].meta.icon" :icon-class="item.children[0].meta.icon"></svg-icon>
8
           <span v-if="item.children[0].meta&&item.children[0].meta.title">{{item.children[0].meta.title}}</span>
8
           <span v-if="item.children[0].meta&&item.children[0].meta.title">{{item.children[0].meta.title}}</span>
9
         </el-menu-item>
9
         </el-menu-item>
@@ -16,7 +16,7 @@
16
         </template>
16
         </template>
17
 
17
 
18
         <template v-for="child in item.children" v-if="!child.hidden">
18
         <template v-for="child in item.children" v-if="!child.hidden">
19
-          <sidebar-item class="nest-menu" v-if="child.children&&child.children.length>0" :routes="[child]" :key="child.path"></sidebar-item>
19
+          <sidebar-item :is-nest="true" class="nest-menu" v-if="child.children&&child.children.length>0" :routes="[child]" :key="child.path"></sidebar-item>
20
 
20
 
21
           <router-link v-else :to="item.path+'/'+child.path" :key="child.name">
21
           <router-link v-else :to="item.path+'/'+child.path" :key="child.name">
22
             <el-menu-item :index="item.path+'/'+child.path">
22
             <el-menu-item :index="item.path+'/'+child.path">
@@ -37,6 +37,10 @@ export default {
37
   props: {
37
   props: {
38
     routes: {
38
     routes: {
39
       type: Array
39
       type: Array
40
+    },
41
+    isNest: {
42
+      type: Boolean,
43
+      default: false
40
     }
44
     }
41
   }
45
   }
42
 }
46
 }