隐藏无法直接点击的menu

src/module/main/components/menu/data.js

@@ -11,7 +11,8 @@ export default [{
     },
     {
       title: '工资结算',
-      path: 'wage_settlement'
+      path: 'wage_settlement',
+      hidden: true
     }
   ]
 },

src/module/main/components/menu/index.vue

@@ -13,7 +13,12 @@
 </template>
 
 <script>
-  import menus from './data'
+  import data from './data'
+  console.log(data)
+  let menus = data.map(menu => ({
+    ...menu,
+    subs: menu.subs.filter(sub => !sub.hidden)
+  }))
 
   export default {
     props: [],
@@ -26,10 +31,10 @@
     },
     methods: {
       handleOpen() {
-        console.log('open')
+        // console.log('open')
       },
       handleClose() {
-        console.log('close')
+        // console.log('close')
       },
     },
   }