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屬性

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