vue填充主页面welcom页面

在后台首页添加子级路由
新增子级路由组件Welcome.vue
在router.js中导入子级路由组件,并设置路由规则以及子级路由的默认重定向
打开Home.vue,在main的主体结构中添加一个路由占位符

制作好了Welcome子级路由之后,我们需要将所有的侧边栏二级菜单都改造成子级路由链接
我们只需要将el-menu的router属性设置为true就可以了,此时当我们点击二级菜单的时候,就会根据菜单的index
属性进行路由跳转,如: /110,
使用index id来作为跳转的路径不合适,我们可以重新绑定index的值为  :index="'/'+subItem.path

 

 

路由重定向

vue填充主页面welcom页面

 

vue填充主页面welcom页面

 

vue填充主页面welcom页面

home.vue

 

vue填充主页面welcom页面