vue-路由跳转,父组件未加载

问题:A页面由a、b多个组件构成,点击B页面列表中的数字跳转到A页面,而a、b组件未加载出来,如下图红色框。

跳转后的页面:

 跳转前(正常)页面:

 在router中再添加子组件即可:

{
    path: "/defect",
    component: Layout,
    meta: { title: "软件缺陷", icon: "link" },
    children: [
      {
        path: "defectStatistics",
        component: () => import("@/views/defect/index"),
        meta: { title: "缺陷汇总" },
        name: "defectStatistics",
        children: [
          //个人数据/测试人员:点击创建数跳转到缺陷创建页面
          {
            path: "defectStatisticsCre",
            component: () => import("@/views/defect/defectStatistics/defectCreType"),
            meta: { title: "新建缺陷" },
            name: "defectStatisticsCre",
          },
          //个人数据/测试人员:点击验证数跳转到缺陷验证页面
          {
            path: "defectStatisticsVer",
            component: () => import("@/views/defect/defectStatistics/defectVerType"),
            meta: { title: "验证缺陷" },
            name: "defectStatisticsVer",
          },

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值