Vue让router-view默认显示任意页面

场景:一个home页面,点击左边的菜单栏,右边显示页面,因此都知道在右边放一个router-view然后配置路由即可。

然而问题出现在:重新打开的时候,默认是白色空的。

那么解决办法是:

在router管理的index.js中
加上 redirect:'/xxxx'

       {
          path: "/xcgk",
          name: "xcgk",
          component: require("@/views/xcgk/xcgk").default,
          redirect:'/assessment' ,

          children: [
            {
              path: '/Orderissuance',
              name: '指令下达',
              component: Orderissuance,

            }, {
              path: '/taskmanagement',
              name: '任务管理',
              component: taskmanagement,
            }, {
              path: '/Officialnotice',
              name: '工作动态',
              component: Officialnotice,
            }, {
              path: '/Workdynamics',
              name: '公文通知',
              component: Workdynamics,
            }, {
              path: '/assessment',
              name: '统计考核',
              component: assessment,
            }, {
              path: '/OffciaAdd',
              name: "OffciaAdd",
              component: require("@/views/xcgk/rwgl/OffciaAdd").default,
 },]
        },

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值