修改

src/views/layout/components/Sidebar/SidebarItem.vue

           :index="resolvePath(item.src)"
           :class="{ 'submenu-title-noDropdown': !isNest }"
         >
-          <i v-if="item.name == 'slow'" class="icon iconfont icon-manbing-xuanzhong" style="margin-right:4px"></i>
-          <i v-if="item.name == 'scrm'" class="icon iconfont icon-pengyou" style="margin-right:4px"></i>
-          <i v-if="item.name == 'shop'" class="icon iconfont icon-service_fill" style="margin-right:4px"></i>
+          <i
+            v-if="item.name == 'slow'"
+            class="icon iconfont icon-manbing-xuanzhong"
+            style="margin-right: 4px;"
+          ></i>
+          <i
+            v-if="item.name == 'scrm'"
+            class="icon iconfont icon-pengyou"
+            style="margin-right: 4px;"
+          ></i>
+          <i
+            v-if="item.name == 'shop'"
+            class="icon iconfont icon-service_fill"
+            style="margin-right: 4px;"
+          ></i>
           <span slot="title">{{ generateTitle(item.name) }}</span>
         </el-menu-item>
       </a>
       <div
         v-if="
           hasOneShowingChild(item.children) &&
-            !onlyOneChild.children &&
-            !item.alwaysShow
+          !onlyOneChild.children &&
+          !item.alwaysShow
         "
         @click="onClick(item)"
       >
             <span
               v-if="onlyOneChild.meta && onlyOneChild.meta.title"
               slot="title"
-            >{{ generateTitle(onlyOneChild.meta.title) }}</span>
+              >{{ generateTitle(onlyOneChild.meta.title) }}</span
+            >
           </el-menu-item>
         </router-link>
-        
       </div>
 
       <div v-else>
-        <el-submenu v-if="item.meta.isChild" id="mySubmenu" :index="item.name || item.path">
+        <el-submenu
+          v-if="item.meta.isChild"
+          id="mySubmenu"
+          :index="item.name || item.path"
+        >
           <template slot="title">
-            <svg-icon v-if="item.meta && item.meta.icon" :icon-class="item.meta.icon"></svg-icon>
+            <svg-icon
+              v-if="item.meta && item.meta.icon"
+              :icon-class="item.meta.icon"
+            ></svg-icon>
             <span v-if="item.meta && item.meta.title" slot="title">
-              {{
-              generateTitle(item.meta.title)
-              }}
+              {{ generateTitle(item.meta.title) }}
             </span>
           </template>
           <template v-for="child in item.children" v-if="!child.hidden">
               v-if="child.meta.isChild != true"
               :key="child.name"
             >
-              <el-menu-item @click="onClick(item)" :index="resolvePath(child.path)">
-                <svg-icon v-if="child.meta && child.meta.icon" :icon-class="child.meta.icon"></svg-icon>
+              <el-menu-item
+                @click="onClick(item)"
+                :index="resolvePath(child.path)"
+              >
+                <svg-icon
+                  v-if="child.meta && child.meta.icon"
+                  :icon-class="child.meta.icon"
+                ></svg-icon>
                 <span v-if="child.meta && child.meta.title" slot="title">
-                  {{
-                  generateTitle(child.meta.title)
-                  }}
+                  {{ generateTitle(child.meta.title) }}
                 </span>
               </el-menu-item>
             </router-link>
 
-            <router-link v-else :to="child.path" :key="child.name">
-              <el-menu-item @click="onClick(item,child.parentNum)" :index="resolvePath(child.path)">
-                <svg-icon v-if="child.meta && child.meta.icon" :icon-class="child.meta.icon"></svg-icon>
+            <router-link
+              v-if="child.meta.isChild == true"
+              :to="child.path"
+              :key="child.name"
+            >
+              <el-menu-item
+                @click="onClick(item, child.parentNum)"
+                :index="resolvePath(child.path)"
+              >
+                <svg-icon
+                  v-if="child.meta && child.meta.icon"
+                  :icon-class="child.meta.icon"
+                ></svg-icon>
                 <span v-if="child.meta && child.meta.title" slot="title">
-                  {{
-                  generateTitle(child.meta.title)
-                  }}
+                  {{ generateTitle(child.meta.title) }}
                 </span>
               </el-menu-item>
             </router-link>
           <router-link :to="resolvePath(item.children[0].path)">
             <el-menu-item :index="item.name || item.path">
               <template slot="title">
-                <svg-icon v-if="item.meta && item.meta.icon" :icon-class="item.meta.icon"></svg-icon>
+                <svg-icon
+                  v-if="item.meta && item.meta.icon"
+                  :icon-class="item.meta.icon"
+                ></svg-icon>
                 <span v-if="item.meta && item.meta.title" slot="title">
-                  {{
-                  generateTitle(item.meta.title)
-                  }}
+                  {{ generateTitle(item.meta.title) }}
                 </span>
               </template>
 
               <!-- <template v-for="child in item.children" v-if="!child.hidden">
-          <sidebar-item
-            :is-nest="true"
-            class="nest-menu"
-            v-if="child.children && child.children.length > 0"
-            :item="child"
-            :key="child.path"
-            :base-path="resolvePath(child.path)"
-          ></sidebar-item>
+                <sidebar-item
+                  :is-nest="true"
+                  class="nest-menu"
+                  v-if="child.children && child.children.length > 0"
+                  :item="child"
+                  :key="child.path"
+                  :base-path="resolvePath(child.path)"
+                ></sidebar-item>
 
-          <router-link v-else :to="resolvePath(child.path)" :key="child.name">
-            <el-menu-item :index="resolvePath(child.path)">
-              <svg-icon
-                v-if="child.meta && child.meta.icon"
-                :icon-class="child.meta.icon"
-              ></svg-icon>
-              <span v-if="child.meta && child.meta.title" slot="title">{{
-                generateTitle(child.meta.title)
-              }}</span>
-            </el-menu-item>
-          </router-link>
-              </template>-->
+                <router-link
+                  v-else
+                  :to="resolvePath(child.path)"
+                  :key="child.name"
+                >
+                  <el-menu-item :index="resolvePath(child.path)">
+                    <svg-icon
+                      v-if="child.meta && child.meta.icon"
+                      :icon-class="child.meta.icon"
+                    ></svg-icon>
+                    <span v-if="child.meta && child.meta.title" slot="title">{{
+                      generateTitle(child.meta.title)
+                    }}</span>
+                  </el-menu-item>
+                </router-link>
+              </template> -->
             </el-menu-item>
           </router-link>
         </div>
     // route object
     item: {
       type: Object,
-      required: true
+      required: true,
     },
     isNest: {
       type: Boolean,
-      default: false
+      default: false,
     },
     basePath: {
       type: String,
-      default: ""
+      default: "",
     },
     index: {
-      type: Number
-    }
+      type: Number,
+    },
   },
   computed: {
-    ...mapGetters(["permission_routers"])
+    ...mapGetters(["permission_routers"]),
   },
   data() {
     return {
-      onlyOneChild: null
+      onlyOneChild: null,
     };
   },
   methods: {
     hasOneShowingChild(children) {
-      const showingChildren = children.filter(item => {
+      const showingChildren = children.filter((item) => {
         if (item.hidden) {
           return false;
         } else {
       }
 
       return true;
-    }
+    },
+  },
+  created() {
+    console.log(this.permission_routers);
   },
-  created() {}
 };
 </script>
 
       min-width: 0;
       padding: 0 5px !important;
       font-size: 12px;
-      background-color:#1F2D3D !important;
+      background-color: #1f2d3d !important;
     }
   }
 }
-.menu-wrapper{
-  .el-menu-item{
-   background-color:#1F2D3D !important;
-   color: #fff !important;
+.menu-wrapper {
+  .el-menu-item {
+    background-color: #1f2d3d !important;
+    color: #fff !important;
   }
-  .el-menu{
-    background-color:#1F2D3D !important;
+  .el-menu {
+    background-color: #1f2d3d !important;
   }
-  .el-submenu__title{
-    background-color:#1F2D3D !important;
+  .el-submenu__title {
+    background-color: #1f2d3d !important;
     color: #fff !important;
     height: 32px !important;
     line-height: 32px !important;
   }
-  .router-link-exact-active{
+  .router-link-exact-active {
     color: rgb(64, 158, 255) !important;
-    .el-menu-item{
+    .el-menu-item {
       color: rgb(64, 158, 255) !important;
     }
   }
 }
-
 </style>