vue router菜单 存在点哪个但还是会显示active

最新推荐文章于 2024-04-01 11:16:40 发布
最新推荐文章于 2024-04-01 11:16:40 发布
阅读量377 收藏
点赞数
原文链接：http://www.cnblogs.com/JamyWong/p/10344974.html
版权

<router-link to="/" exact>Home</router-link>

<router-link to="/add" exact>Add</router-link>

 

主要在router加上exact可以解决，点击哪个，展示哪个。。

转载于:https://www.cnblogs.com/JamyWong/p/10344974.html

weixin_30896825
关注
router-link样式问题，在列表中保留一个router-link-active类
github_37373329的博客
03-08 1万+
最近在使用vue时发现router-link会出现两个激活类的问题 如图： 我的路由配置如下： export default new Router({ routes: [ { path: '/', name: 'Home', component: Home }, { path: '*', name: ...
【vue2第十五章】VueRouter 路由配置(VueRouter)与使用 和 router-link与router-view标签使用
weixin_72979483的博客
09-07 2259
Vue Router 是 Vue.js 官方提供的路由管理器。它能够帮助你在 Vue 单页面应用（SPA）中实现页面之间的导航和路由功能。它是一种映射关系，映射了页面组件与路径的关系。如何配置VueRouter 1. 下载vue-router因为它是一个单独的模块所以需要下载。 **vue2对应的vue-router版本是 vue-router3.x vue3对应的vue-router版本是 vue-router4.x** 使用npm下载：`npm install vue-router
vue 路由跳转meta.activeMenu不生效
最新发布
qq_44944325的博客
04-01 924
2、管理员账号登录，菜单管理，添加”列表页面“菜单，其中“路由地址”字段的值（page）要与router/inex.js里定义的activeMenu: '/page’一致。1、router/index.js中，constantRoutes = []里添加子菜单的路由。
Vue日常笔记之路由router默认主页激活样式Active一直存在
qq_44419884的博客
02-15 3039
制作导航栏时，添加路由激活样式后，在切换页面路由时，默认首页激活样式一直存在； 如图： 在别的页面首页也会有激活样式。 解决办法：在首页的标签 &lt;router-link to="/"&gt; 在这里插入代码片中添加exact; 添加后为 \&lt;router-link to="/" exact&gt; ；效果图为： &lt;router-link&gt;标签在页面中会被解析成一个&lt...
vue-router meta（2）页面进入详情页面时，无子项导航栏时，该菜单未高亮。
sepgit的博客
12-10 701
原因 管理系统，左侧导航栏有个单级的菜单（无子一级的菜单），进入后页面显示的是具体的房间列表。点击具体的房间可以进入房间详情页面，展示具体的房间数据。这时页面路由发生变化。发现，导航栏中不存在高亮的选项。 进入导航栏页面 <el-menu ....//其他配置项 :default-active="$route.path" .... </el-menu> 上述列表项 <el-menu-item index="/roomIndex"> <span slo
vue meta: { active: '/CompletedClasses' }
06-03 219
本来是三个路由，第三个路由下面是三个子路由，点击每个路由，都会有高亮显示，用的vue的router-link-active，这个是在点击相应的router-link,的时候，自动加上这个class名字，在css里面定义这个class，就会出现想要的高亮； 但是发现，在点击子路...
vue-router二级导航切换路由及高亮显示的实现方法
10-16
本篇文章将深入探讨如何在Vue Router中实现二级导航的切换路由以及高亮显示。 首先，我们要创建两个主要的导航页面，比如“发现”和“我的音乐”。在Vue中，我们可以创建两个单独的组件，如`Discover.vue`和`...
vue+element使用动态加载路由方式实现三级菜单页面显示的操作
11-19
总的来说，通过Vue.js结合Element UI，利用动态加载路由的方式，我们可以实现灵活的、基于权限的三级菜单页面显示，这不仅提高了用户体验，也简化了代码维护。在处理路由时，务必注意路由的配置、菜单的渲染以及与...
Vue 解决父组件跳转子路由后当前导航active样式消失问题
10-15
补充一个额外的知识点，如果你使用的是Element UI的`el-menu`组件，并且结合Vue Router，可能会遇到刷新页面后`default-active`属性与当前路由不一致的问题。为了解决这个问题，可以将`default-active`属性绑定到Vue...
vue-router配合ElementUI实现导航的实例
08-28
知识点1：Vue-Router 简介 Vue-Router 是一个官方提供的路由插件，用于实现单页应用程序（SPA）的客户端路由。它提供了一些强大的特性，例如路由参数、路由嵌套、路由过渡等，使得开发者可以轻松地创建复杂的路由...
vue学习-vue router路由配置，元信息meta的使用-登录拦截验证
sinat_39648402的博客
04-22 1233
路由基本配置 1.在router文件夹中找到 indexs.js 注意：如果创建项目是没有安装router，不会有router文件夹，该文件夹在src 文件夹的根目录中 // 1.引入路由以及vue，下面的是固定写法，照写就可以 import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) 2.创建路由实例 ...
初识Vue之Vue默认首页router激活一直存在
ava27949的博客
12-10 453
在用vue-router实现nav导航栏样式切换时遇到了问题，一开始在实施切换的时候想到了vue方法里的watch监听路由改变用v-bind：class=“”，可这样会有一个问题就是在初始化页面的时候导航没有带样式，需要自己手动点击一下才能正常切换导航栏的样式， 　　解决：<router-link>标签在页面中会被解析成一个<a>标签,在激活的时候a标签会被...
请教vue-element无法挂在动态路由部分
weixin_42772571的博客
11-07 782
页面展示： 路由表： 主路由配置表： import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) /* Layout */ import Layout from '@/layout' /** * Note: sub-menu only appear when route children.length >...
vue动态菜单及tag切换
xy19950125的博客
11-12 6166
刚刚接触项目的小伙伴 几乎都接触不到这一块的 因为入职 公司要么有骨干 要么是现有项目维护 所以 对于动态菜单 很好奇 今天带着小伙伴们一起来看看吧 可能有些人接触过 只是看看别人写的代码 觉得都没有问题没有实际动手去做过 这就应对了那句 “看花容易绣花难” 其实我开始的时候 也是这种心理 直到我自己动手的时候 发现里面有很多坑 如果不涉及到tag的切换 估计看看element官网就知道了 关键就是带有tag切换 导致很多小伙伴无从下手 现在很多公司的项目都是基...
activemenu怎么拼 vue_vue侧边栏动态生成下级菜单的方法
weixin_35473217的博客
12-30 529
微商城管理后台class="el-menu-headBar"mode="horizontal"@select="handleSelect"background-color="#000000"text-color="#fff"active-text-color="#ffd04b":unique-opened="true":default-active="onRoutes" router>{{i...
解决vue-router 二级导航默认选中某一选项的问题
12-13
上面的判断的意思是：如果你点击某一个选项把这个index传过去，activeName等于那一个传过来的index(index是遍历出来的数据如:1,2,3,4,5),就显示该个active或者index==pid，pid默认为0，所以index==0,就是默认第一个...
详解基于vue-router的动态权限控制实现方案
08-29
Vue-Router 的核心概念是路由（Route），每个路由对应一个组件（Component），当用户访问某个路由时，Vue-Router 会自动渲染对应的组件。 然而，在实际开发中，我们经常会遇到一个问题，即如何动态加载路由 path ...
activemenu怎么拼 vue_vue如何实现自定义底部菜单栏
weixin_39607240的博客
12-20 306
最近vue不是特别火，自己想写一个vue 的底部菜单栏，然后试着开始写，起来还是听痛苦的，但是还是写出来，这个过程重查询了一些资料和看了一些视频。1 写好界面这是我写好的四个界面2 在router.js重定义路由在一级路由下面定义自己tabbr的子路由。routes: [{path: '/',name: 'index',component:()=>import('./views/index'...
activemenu怎么拼 vue_vue-element-admin登录逻辑，以及动态添加路由，显示侧边栏
weixin_39904268的博客
12-20 1246
这段时间在研究element-admin，感觉这个库有许多值得学习的地方，我学习这个库的方法是，先看它的路由，顺着路由，摸清它的逻辑，有点像顺藤摸瓜。这个库分的模块非常清晰，适合多人合作开发项目，但是如果一个人去用这个库开发后台，步骤显的有点繁琐，特别是调用后端接口，之前一个方法就调用到了，但是用这个库，需要先后分几步调用。比如说调用一个登陆接口：点击登陆按钮----》调用store中的方法---...
Vue使用elementUi的导航栏，设置default-active
On9lam的博客
03-27 2078
如果menuList中的path路径有重定向的话，需要写到重定向指向的路径，否则activity和default-activity不起作用。那么menuList中的。前提：存在router。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值