将vue文件中的<router-view>添加name属性
<div class="Container">
<router-view name="goods"></router-view>
<router-view name="orderinfo"></router-view>
</div>
将路由文件下需要使用到的路由的component改为components
{
path: 'goods3',
name: 'goods3',
components: {
// 这里的 goods 对应 router-view 中的 name
goods: () => import('@/views/menus/goods/Goods')
}
},
{
path: 'orderinfo',
name: 'orderinfo',
components: {
// 这里的 orderinfo 对应 router-view 中的 name
orderinfo: () => import('@/views/menus/order/OrderInfo.vue')
}
}