vue二级路由和重定向问题

如果不使用二级路由，而且项目中有很多router-view的话，router-view中的内容显示就会产生混乱，这样就不太友好。当触发二级路由时，此路由就会将对应内容传给自己父级路由组件里的router-view中显示，这样内容就不会混乱。
下面来介绍一下二级路由和重定向的使用：
二级路由的配置，给对应的一级路由加children属性数组，里面放置二级路由。
使用时直接在父级路由中添加router-view就行：

如果想有默认显示，这时候就需要对路由进行重定向，在路由配置中加上redirect属性：

如有不正确的地方，欢迎评论指正。

vue二级路由和重定向问题相关推荐

vue 二级路由以及重定向
重定向重定向通过routes 配置来完成栗子: import Vue from 'vue' import Router from 'vue-router' import Film from '@/ ...
vue二级路由跳转后外部引入js失效问题解决方案
vue二级路由跳转后外部引入js失效问题解决方案参考文章: (1)vue二级路由跳转后外部引入js失效问题解决方案 (2)https://www.cnblogs.com/LittleT/p/9077 ...
vue 二级路由嵌套和二级路由高亮问题
第一层路由我写在app.vue里面.如图所示: footer.vue: 二级路由是这样: index.js里面的配置: 效果图: 效果出来了,又出现新的问题,就是点击二级路由的时候,默认的二级路由高亮 ...
vue二级路由不显示页面bug
如果父路由path是 / 则redirect直接匹配page2就可以 {path: '/',component: () => import('../view/analyse/analyse.vu ...
Vue一级路由与二级路由/路由重定向
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
vue 路由嵌套(二级路由)
路由嵌套就是在父路由配置好后,配置一个children属性,里面放置的的内容跟routes属性下面的内容大体一样,这就是二级路由的配制方法. 嵌套路由的关键字children,在父路由中添加child ...
vue的一、二级路由、路由导航、路由模式、404、
路由通过路由就可以让我们的vue项目完成页面之间的跳转同时展示多个页面路由-可以实现SPA(单页面应用)只有一个html页面的应用模拟多个页面的跳转传统项目如果想完成多个页面那么就要几 ...
Vue Router路由及路由重定向
Vue的核心深度集成,可以非常方便的用于SPA应用程序的开发. 实现路由功能七大步骤第一步:引入相关的库文件注意:必须先引用Vue,在引用vue-router 顺序不能颠倒 <!-- 导入 ...
Vue.JS项目中二级路由下刷新浏览器仍呈现当前路由的实现方案
1.需求介绍: 以下介绍一下实现起来没什么疑问的需求:设备列表为一个主页,点击设备列表中的编辑按钮,进入设备信息主页面,默认打开设备配置页,点击设备状态.设备日志.固件升级,会切换下方内容. 本人对以 ...

vue二级路由和重定向问题

vue二级路由和重定向问题相关推荐

最新文章

热门文章