第一层路由我写在app.vue里面。如图所示:

footer.vue:

二级路由是这样:

index.js里面的配置:

效果图:

效果出来了,又出现新的问题,就是点击二级路由的时候,默认的二级路由高亮不会去掉,如图所示:

在网上看到别人用exact方法,即在默认的二级路由里面加上exact,如图所示:

vue 二级路由嵌套和二级路由高亮问题相关推荐

  1. vue-router 路由创建、路由嵌套、二级路由

    文章目录 前言 说明 一.路由起步 二.使用步骤 1.创建项目 2.安装路由 3.创建文件 1.Test.vue文件 2.index.js文件 3.App.vue文件 三.运行项目 1.在项目文件下打 ...

  2. Vue中路由嵌套(子路由)

    路由的嵌套就是点击一个路由地址后,继续点击,进入到另外一个路由地址下,即第二个路由就是第一个路由的子路由. 根据我们前面学习的VueRouter的知识,可以直接写出代码来实现: 一般写法 <!D ...

  3. [AngularJS] “多重路由”嵌套模块——AngularJS“路由”嵌套学习资料教程

    这是小编的一些学习资料,理论上只是为了自己以后学习需要的,但是还是需要认真对待的 以下内容仅供参考,请慎重使用学习 1.AngularJS路由嵌套 Angularjs本身自带路由模块,可以满足通过不同 ...

  4. vue 路由嵌套(二级路由)

    路由嵌套就是在父路由配置好后,配置一个children属性,里面放置的的内容跟routes属性下面的内容大体一样,这就是二级路由的配制方法. 嵌套路由的关键字children,在父路由中添加child ...

  5. Vue 路由配置和二级路由配置

    Vue 路由配置和二级路由配置 路由配置 二级路由 默认首个页面 二级路由导致一级路由下的高亮失效 路由配置 我们初始化我们的Vue项目后,打开工程目录src/router下的index.js.我们可 ...

  6. Vue.js-Day05【安装路由(vue-router)、如何使用vue-router、404配置、激活class、动态路由、编程式导航、路由嵌套、路由元信息、导航拦截】

    Vue.js实训[基础理论(5天)+项目实战(5天)]博客汇总表[详细笔记] 目   录 1.单页面应用 1.1.多页面应用 1.2.单页面应用 1.3.vue-router 2.安装vue-rout ...

  7. vue2路由手动创建二级路由路由传参路由守卫打包上线

    路由手动配置: #在@vue/cli创建的项目中,路由用法如下. 1.安装路由npm install vue-router@32:定义路由所需的组件(.vue文件)要实现页面about 和home两个 ...

  8. vue-router 路由嵌套显示不出来_45. Vue路由vuerouter的基本使用

    前言 在使用vue-router之前,首先要认识一下前端路由和后端路由的区别概念. 什么是路由 「后端路由」:对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上对应的资源: 例 ...

  9. Vue Router路由嵌套

    路由嵌套分析 点击父级路由链接显示模板内容 模板内容中又有子级路由链接 点击子级路由链接显示子级模板内容 默认显示 点击 hello链接显示 本身的组件外,还显示了自身下的子组件 嵌套路由用法 父路由 ...

最新文章

  1. iOS 中 OC项目使用swift第三方工具(OC、swift 混合)
  2. 数据中心或许会成为未来5G最强大的技术支撑
  3. Java学习从入门到精通
  4. 组态王c语言编程实例,组态王命令语言程序.doc
  5. android gallery自动播放,可循环显示图像的Android Gallery组件
  6. python 几何教学_opencv-python教程学习系列11-几何变换
  7. 与圆相关的计算(信息学奥赛一本通-T1014)
  8. 解决ie8及低版本浏览器不支持html5标签属性
  9. linux mongodb启动_linux运维服务篇:MongoDB部署教程分享
  10. Unity3D 优化相关
  11. 使用ExpandoObject将XML转换为动态对象
  12. centOS7.6 服务器配置环境
  13. 74HC595芯片引脚,功能介绍【250字】【原创】
  14. 出国旅游也能用微信买单了
  15. Unity~ 简单的3D游戏对象动画制作
  16. 树莓派 树莓派 编c++_为什么树莓派仍然是教育的白骑士
  17. VLC web插件 js接口
  18. c语言将两幅bmp格式图片拼接图片
  19. moviepy音视频剪辑:视频剪辑基类VideoClip的属性及方法详解
  20. stm32mp157a-dk1 编译 Ubuntu 20.04固件

热门文章

  1. Linux 中断管理之ARM GIC V3 初始化
  2. 在html中ex是什么单位,前端用到的那些单位
  3. 维小帮景区导航系统:不止是导航,更是营销获客的流量密码
  4. 3D游戏设计-天空盒
  5. 图片批量下载 +图片马赛克:多张图片组成端午安康!
  6. 大数据基础知识思维导图
  7. RFID电子耳标识别棒,牦牛身份识别管理专用设备
  8. DNS中的A记录和CNAME记录的区别
  9. 常用的局域网的网络拓扑有哪些种类?现在最流行的是哪种结构?为什么早期的以太网选择总线拓扑结构而不是星形拓扑结构,但现在却改为使用星形拓扑结构?
  10. arm -linux开发产品,arm是什么意思_arm的翻译_音标_读音_用法_例句_爱词霸在线词典...