vue3中解决子路由为1时父路由隐藏的问题

当Vue路由下的children超过一个时,系统默认采用嵌套模式。若希望单个子路由作为根路由直接在侧边栏显示,可设置alwaysShow:true。如果alwaysShow不起作用,应检查配置文件中是否有关于该属性的逻辑设置。
摘要由CSDN通过智能技术生成

问题概述

当你一个路由下面的 children 声明的路由大于1个时,自动会变成嵌套的模式–如组件页面
只有一个时,会将那个子路由当做根路由显示在侧边栏–如引导页面

解决办法

  1. 在父路由中设置alwaysShow: true,这样它就会忽略之前定义的规则,一直显示根路由
export default [
  {
    path: '/test',
    component: Layout,
    name: 'test',
    meta: {
      title: 'menu.test',
    },
    icon: 'Location',
    alwaysShow:true,
    children: [
      {
        path: '',
        name: 'testList',
        component: List,
        meta: {
          title: 'menu.testList',
        },
       }]
   }]
  1. 若设置alwaysShow属性没有效果,可以尝试查找配置文件中是否有设置alwaysShow逻辑的代码,如果没有设置一下即可,下面是一个例子
    -修改前
    在这里插入图片描述
    -修改后
    在这里插入图片描述
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值