vue-router 嵌套路由空白

照着官方文档配完发现怎么弄还是空白

{
    path: '/address',
    component: () => import('@/views/address/address.vue'),
    name: 'Address',
    children: [
      {
        path: 'edit',
        component: () => import('@/views/address/edit.vue')
      }
    ],
    meta: {
      isHideTabbar: true
    }
  },
const onAdd = () => {
      router.push({path: '/address/edit', query: {
        type: 'add'
      }})
    }

排查发现是父路由组件需要添加router-view

<template>
   <div>
      <router-view />
  </div>
</template>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容