nuxt主路由怎么有自己的组件呢?

小泽摔不倒
  • 39

clipboard.png
如图,assets/路径下index.vue是主路由,他也是所有子路由的父亲组件,assets下的其它组件都是子路由(子组件),在页面到达这个页面的时候目前只展示index.vue这个组件, 不展示其它的组件,点击其它的路由也不展示index.vue这个组件,请问在nuxt里如何让子路由显示父路由的组件,父路由显示子路由的组件

{

        path:'/bd',
        redirect: '/bd/assets',
        meta: { requiresAuth: true },
        component:() => import('@/components/assets/bd.vue'),
        children: [  
           { path: "/bd/assets",component:() => import('@/components/assets/assets.vue')},
           { path: "/bd/account",component:() => import('@/components/assets/account.vue')}, 
           { path: "/bd/content",component:() => import('@/components/assets/content.vue')}, 
           { 
            path: "/bd/spread", 
            component:() => import('@/components/assets/spread.vue'),
            name:"品牌声量资产",
           }
        ] 
    },
    

之前没用nuxt的路由配置 ,求助各们大大

回复
阅读 1.8k
2 个回答

你这是跳转路由(页面)
你应该router-view 显示你的子路由(页面)

在你index.vue里面 写一个<router-view />

宣传栏