Vue路由默认子路由

在vue路由中,如果存在二级路由的话,那么该路由下的所有子路由默认都不会自己显示的,如果想要默认展示子路由的话就需要按照如下配置

routes: [
		{path: '/system-settings', component: resolve => require(['./components/systemSettings/index.vue'], resolve), meta: {title: '系统设置'}, children: [
			{path: '/', component: resolve => require(['./components/systemSettings/info.vue'], resolve), name: '系统信息', meta: {title: '系统设置'}},
		]},

此时当进入到/system-settings时子路由位置将默认展示/的内容
注意:父路由不需要设置name属性

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章