关于菜单隐藏问题

[anaf007]

当我在 \src\router\index.js 中增加

{
        path: '/goods/add_goods',
        name: 'add_goods',
        hidden: true,
        component: () => import('@/views/goods/add_goods.vue'),
        meta: {
          title: "添加商品",
          icon: 'icon-link-cloud-faild',
        },
      },

hidden: true,无法生效。菜单还是被显示出来了

在修改 \src\layouts\components\Menu\MenuItem.vue 35行

<el-menu-item v-else :index="option.path" :key="index">
<el-menu-item v-else-if="!option.hidden" :index="option.path" :key="index" >

就可以实现菜单隐藏了。这个是，请问我修改得对了吗？