javascript - vue sub-route matching rendering to top-level view layer problem

Question

const routes = [
    { path: '/',component: strategyIndex,
        children: [
            { path: 'strategy/:id', component: strategyList },
            { path:'/details/:catid',component: strategyDetails}
        ]
    },
    {
        path:'*',
        redirect:'/'
    }
]

I want to render the components of the routing article details page matched by /details/:catid in the top layer of router-view. However, since it is a sub-route, it can only be rendered in the second layer of router-view. Is there any way to do this? solve?

Answer 1

Then why don’t you extract it and put it in the first layer of routing