antd pro vue 统计菜单选中丢失有办法处理吗

Question

当前页面是在库存盘点页面，我点击新增跳到新增页面，但是这个新增单页面是不显示在菜单设置的hidden: true,跳过去之后所有选中都没了,这种可以处理吗，谢谢

                // 库存盘点列表
                {
                  path: '/material/warehouse/inventoryCheck',
                  name: 'InventoryCheck',
                  component: () => import('@/views/material/warehouse/inventoryCheck'),
                  meta: { title: 'menu.material.warehouse.inventoryCheck', permission: ['permission'] }
                },
                // 库存盘点新增
                {
                  path: '/material/warehouse/inventoryAdd',
                  name: 'InventoryAdd',
                  hidden: true,
                  component: () => import('@/views/material/warehouse/inventoryAdd'),
                  meta: { title: 'menu.material.warehouse.inventoryAdd', permission: ['permission'] }
                }

Answer 1

在路由里的meta字段里添加对应要显示menu的字段，如果是相同的meta就active

Answer 2

一般的做法是匹配当前的路由path或者name
可以在route的meta里面设置一个active， 如果你是用path来匹配的，active里就是目标菜单的path。

computed: {
    // 当前选中菜单
    activeMenu() {
      const { meta, name } = this.$route
      // 如果当前路由指定了选中router的name, 则设置指定的,否则设置当前路由的name
      // 例子: 一般内容页是没有对应的左侧已选中菜单, 都是指向列表页的
      return meta.active || name
    }
  }

route

// 库存盘点新增
{
    path: '/material/warehouse/inventoryAdd',
    name: 'InventoryAdd',
    hidden: true,
    component: () =>
        import ('@/views/material/warehouse/inventoryAdd'),
    meta: {
        title: 'menu.material.warehouse.inventoryAdd',
        permission: ['permission'],
        active: 'InventoryCheck'
    }
}