多个菜单点击的时候,中间主体部分,不能增加 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,
},
},
],
},