vue 二级路由嵌套和二级路由高亮问题

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

footer.vue：

二级路由是这样：

index.js里面的配置：

效果图：

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

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

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

vue-router 路由创建、路由嵌套、二级路由
文章目录前言说明一.路由起步二.使用步骤 1.创建项目 2.安装路由 3.创建文件 1.Test.vue文件 2.index.js文件 3.App.vue文件三.运行项目 1.在项目文件下打 ...
Vue中路由嵌套（子路由）
路由的嵌套就是点击一个路由地址后,继续点击,进入到另外一个路由地址下,即第二个路由就是第一个路由的子路由. 根据我们前面学习的VueRouter的知识,可以直接写出代码来实现: 一般写法 <!D ...
[AngularJS] “多重路由”嵌套模块——AngularJS“路由”嵌套学习资料教程
这是小编的一些学习资料,理论上只是为了自己以后学习需要的,但是还是需要认真对待的以下内容仅供参考,请慎重使用学习 1.AngularJS路由嵌套 Angularjs本身自带路由模块,可以满足通过不同 ...
vue 路由嵌套(二级路由)
路由嵌套就是在父路由配置好后,配置一个children属性,里面放置的的内容跟routes属性下面的内容大体一样,这就是二级路由的配制方法. 嵌套路由的关键字children,在父路由中添加child ...
Vue 路由配置和二级路由配置
Vue 路由配置和二级路由配置路由配置二级路由默认首个页面二级路由导致一级路由下的高亮失效路由配置我们初始化我们的Vue项目后,打开工程目录src/router下的index.js.我们可 ...
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 ...
vue2路由手动创建二级路由路由传参路由守卫打包上线
路由手动配置: #在@vue/cli创建的项目中,路由用法如下. 1.安装路由npm install vue-router@32:定义路由所需的组件(.vue文件)要实现页面about 和home两个 ...
vue-router 路由嵌套显示不出来_45. Vue路由vuerouter的基本使用
前言在使用vue-router之前,首先要认识一下前端路由和后端路由的区别概念. 什么是路由「后端路由」:对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上对应的资源: 例 ...
Vue Router路由嵌套
路由嵌套分析点击父级路由链接显示模板内容模板内容中又有子级路由链接点击子级路由链接显示子级模板内容默认显示点击 hello链接显示本身的组件外,还显示了自身下的子组件嵌套路由用法父路由 ...

vue 二级路由嵌套和二级路由高亮问题

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

最新文章

热门文章