第一层路由我写在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. Docker环境配置指南!
  2. 2010威购VgoShop单用户商场下一代企业电子商务系统
  3. Ay.Framework.WPF 2.0建立项目到底有多快
  4. 控制div的大小自适应_可以漂移的电动轮椅,采用“自适应重心控制系统”,根本不怕翻车...
  5. linux下常见生产脚本,不看后悔的Linux生产服务器Shell脚本分享(2)
  6. 无法运行的愿意_分享减肥食谱一周瘦10斤,你愿意尝试吗?
  7. 下载丨DataGuard环境搭建详细步骤
  8. mysql在test库中创建表stu_1.在mysql的test数据库中新建表,表名为student,表结构如下:...
  9. Tesseract-OCR图片识别为文字
  10. java英文笔试题_java英文面试笔试题
  11. 被裁员 60%,以太坊大神忍不住要洗白了
  12. php mysql 表情录入_php + mysql 存入表情 【如何转义emoji表情,让它可以存入utf8的数据库】...
  13. Java实验报告误差分析怎么写_系统工程实验报告-031510131-郭文豪.doc
  14. android 按键 免root,按键精灵免root版
  15. Linux下的常用的打包和解压缩命令
  16. 岁月划过生命线(我的2013-大二.上)
  17. 转载_树莓派4B的详细资料说明
  18. 【日常】python站长素材网免费模板下载(以PPT模板为例)
  19. java生成html乱码_java向html输出中文乱码解决方法
  20. 二维向量的叉积是标量还是向量?

热门文章

  1. TF卡/SD卡 异常问题,识别不了
  2. LEP与负载均衡—— 以PCDUINO实际案例来使用LEP提高网络带宽
  3. [AT ZONe2021]Sneaking
  4. gsea结果分析图怎么看_GSEA富集分析图讲解
  5. 边做边爱(1)——mapbox做分析图
  6. PanDownload 复活了!60MB/s!附下载地址
  7. 安卓逆向-修改APK-战斗直接胜利
  8. ninja源码下载及编译(Win10+VS2019)
  9. 计算机的正确配置文件,显示器颜色配置文件在win10电脑中设置正确配置的方法...
  10. 生信分析过程中这些常见文件(fastq/bed/gtf/sam/bam/wig)的格式以及查看方式你都知道吗?