位置: - 正文

vue路由嵌套的SPA实现步骤(vuerouter嵌套路由)

编辑:rootadmin

推荐整理分享vue路由嵌套的SPA实现步骤(vuerouter嵌套路由),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue动态路由嵌套,vue路由嵌套的使用方式,vue路由嵌套的使用方式,vue嵌套路由默认路由,vue嵌套路由默认路由,vue路由嵌套,配置children嵌套路由,vue路由嵌套的使用方式,vue路由嵌套的使用方式,内容如对您有帮助,希望把文章链接给更多的朋友!

本文为大家分享了路由嵌套的SPA实现的步骤:

A(/a)组件需要嵌套B组件(/b)和C组件(/c)

①准备嵌套其它组价的父组件 指定一个容器

vue路由嵌套的SPA实现步骤(vuerouter嵌套路由)

在A组件指定一个容器<router-view></router-ivew>

②在A组件的路由配置对象中指定children属性

{ path:'/a',component:A,children:[{path:'/b',component:B},{path:'/c',component:C},]}

补充:

//数字如果超出记录的次数,是不行的。this.$router.go(num);如果num是正数,向前进如果num是负数,向后退

代码

本文链接地址:https://www.jiuchutong.com/biancheng/375872.html 转载请保留说明!
下一篇链接:https://www.jiuchutong.com/biancheng/375873.html
免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络