当项目存在多个router-link和router-view的时候，如果给他们做相对应关系的呢
1.找到对应的router文件
const demoIndex = () => import('@/views/demo/index') //想显示的router-view页面
{
path: '/demo',
redirect: '/demo/demoList',
component: demoIndex,//关键代码，这一行指定到想显示的router-view页面
key: 'freightosGroup',
meta: { title: 'demo', hideInMenu: true },
children: [
{
path: 'demo1',
component: Demo1,
name: 'demoShipment',
meta: { title: '切换一', icon: 'md-card' }
},
{
path: 'demo2',
component: Demo2,
name: 'demoSearch',
meta: { title: '切换二', icon: 'md-card' }
}
]
}
2.找到对应的vue文件
<router-link :to="{ path: '/demo/demo1' }">
切换一
</router-link>
3.找到对应的views/demo/index.vue文件
<router-view /> //在显示的地方写上这个，就自动对应上了
