路由嵌套(子路由)
路由嵌套(子路由)路由嵌套在SPA(单页页面程序中会常用到),有一部分内容固定,通过点击跳转决定另一部分不定的内容,就可以用到路由嵌套来完成,也可以用引入组件的方式完成,把左边做成一个单独的组件,在其他组件中分别引入“左组件”,以此完成。eg:步骤如下:找到/router/index.js文件,找到左边组件(admin.vue)的路由配置,在其路由中配置一个children数组,...
·
路由嵌套(子路由)
路由嵌套在SPA(单页页面程序中会常用到),有一部分内容固定,通过点击跳转决定
另一部分不定的内容,就可以用到路由嵌套来完成,也可以用引入组件的方式完成,
把左边做成一个单独的组件,在其他组件中分别引入“左组件”,以此完成。
eg:
步骤如下:
- 找到/router/index.js文件,找到左边组件(admin.vue)的路由配置,在其路由中配置一个children数组,用来配置子路由
- 配置子路由的path
- 引入子路由组件,配置子路由的component
- 在父级路由中表明子路由显示的配置
如下:
注意:需要默认显示某个子路由组件时,可以用父级路由的redirect属性重定向父级路由的路径!
更多推荐
已为社区贡献9条内容
所有评论(0)