0
点赞
收藏
分享

微信扫一扫

Vue 菜单 ,不能打开单独的 tab

多个菜单点击的时候,中间主体部分,不能增加 tab,原因是因为子菜单没有增加 name ,

<script setup lang="ts">
defineOptions({
  name: "CustodyOrder",  //要和菜单中的 name 一致,这样才可以进行菜单缓存
  inheritAttrs: false,
});

{
  path: "/custody-order",
  component: Layout,
  children: [
    {
      path: "custody-order",
      component: () => import("@/views/custody-order/index.vue"),
      name: "CustodyOrder",  //这个不能少,少了就不能打开单独的 tab 了,而且要保证菜单中的唯一
      meta: {
        title: "监测记录",
        icon: "el-icon-monitor",
        hidden: false,
        keepAlive: true,
        alwaysShow: false,   
        params: null,
      },
    },
  ],
},

{
  path: "/payment",
  component: Layout,
  redirect: "/payment",
  meta: {
    title: "支付管理",
    icon: "system",
    hidden: false,
    alwaysShow: false,  // 为 true 时,显示父级菜单,如果子菜单就一个,可以让它为 false
    params: null,
  },
  children: [
    {
      path: "payment",
      component: () => import("@/views/payment/index.vue"),
      name: "PaymentRecord",
      meta: {
        title: "支付记录",
        icon: "el-icon-collection",
        hidden: false,
        keepAlive: true,
        alwaysShow: false,
        params: null,
      },
    },
  ],
},



举报

相关推荐

0 条评论