router-link 使用exact精确匹配显示选中路由

2024-01-01 10:10

文章标签 使用显示路由 router 匹配精确 link 选中 exact

本文主要是介绍router-link 使用exact精确匹配显示选中路由，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

记录一下路由精确匹配

怎样可以选中左侧菜单栏时显示选中样式呢？

除了添加class进行判断，按照条件进行加载

还有另一种方式

配置精确匹配

linkActiveClass：“active”

将router-link-active定义为active

接下来，引用时添加active类选择器的样式

结果添加后，选中的路由展示所有的菜单项了

为什么呢？因为路由添加的地址是模糊匹配的

那如何解决呢？可以使用exact精确匹配

完美解决

这篇关于router-link 使用exact精确匹配显示选中路由的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

http://www.chinasem.cn/article/558935。 23002807@qq.com

C语言中联合体union的使用

本文编辑整理自： http://bbs.chinaunix.net/forum.php?mod=viewthread&tid=179471 一、前言 “联合体”(union）与“结构体”(struct)有一些相似之处。但两者有本质上的不同。在结构体中,各成员有各自的内存空间, 一个结构变量的总长度是各成员长度之和。而在“联合”中,各成员共享一段内存空间, 一个联合变量

Tolua使用笔记（上）

目录 1.准备工作 2.运行例子 01.HelloWorld：在C#中，创建和销毁Lua虚拟机和简单调用。 02.ScriptsFromFile：在C#中，对一个lua文件的执行调用 03.CallLuaFunction：在C#中，对lua函数的操作 04.AccessingLuaVariables：在C#中，对lua变量的操作 05.LuaCoroutine：在Lua中，

Vim使用基础篇

本文内容大部分来自 vimtutor，自带的教程的总结。在终端输入vimtutor 即可进入教程。先总结一下，然后再分别介绍正常模式，插入模式，和可视模式三种模式下的命令。目录看完以后的汇总 1.正常模式（Normal模式） 1.移动光标 2.删除 3.【:】输入符 4.撤销 5.替换 6.重复命令【. ; ,】 7.复制粘贴 8.缩进 2.插入模式 INSERT

JAVA读取MongoDB中的二进制图片并显示在页面上

1：Jsp页面： <td><img src="${ctx}/mongoImg/show"></td> 2：xml配置： <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"xmlns:xsi="http://www.w3.org/2001

Lipowerline5.0 雷达电力应用软件下载使用

1.配网数据处理分析针对配网线路点云数据，优化了分类算法，支持杆塔、导线、交跨线、建筑物、地面点和其他线路的自动分类；一键生成危险点报告和交跨报告；还能生成点云数据采集航线和自主巡检航线。获取软件安装包联系邮箱:2895356150@qq.com，资源源于网络，本介绍用于学习使用，如有侵权请您联系删除！ 2.新增快速版，简洁易上手支持快速版和专业版切换使用，快速版界面简洁，保留主

如何免费的去使用connectedpapers？

免费使用connectedpapers 1. 打开谷歌浏览器2. 按住ctrl+shift+N,进入无痕模式3. 不需要登录（也就是访客模式）4. 两次用完，关闭无痕模式（继续重复步骤 2 - 4） 1. 打开谷歌浏览器 2. 按住ctrl+shift+N,进入无痕模式输入网址：https://www.connectedpapers.com/ 3. 不需要登录（也就是

据阿谱尔APO Research调研显示，2023年全球髓内钉市场销售额约为4.7亿美元

根据阿谱尔 (APO Research）的统计及预测，2023年全球髓内钉市场销售额约为4.7亿美元，预计在2024-2030年预测期内将以超过3.82%的CAGR（年复合增长率）增长。髓内钉市场是指涉及髓内钉制造、分销和销售的行业。髓内钉是一种用于整形外科手术的医疗器械，用于稳定长骨骨折，特别是股骨、胫骨和肱骨。髓内钉通常由不銹钢或钛等材料制成，并插入骨的髓管中，以在愈合过程中提供结构支

Toolbar+DrawerLayout使用详情结合网络各大神

最近也想搞下toolbar+drawerlayout的使用。结合网络上各大神的杰作，我把大部分的内容效果都完成了遍。现在记录下各个功能效果的实现以及一些细节注意点。这图弹出两个菜单内容都是仿QQ界面的选项。左边一个是drawerlayout的弹窗。右边是toolbar的popup弹窗。开始实现步骤详情： 1.创建toolbar布局跟drawerlayout布局 <?xml vers

vue+elementUI下拉框联动显示

<el-row><el-col :span="12"><el-form-item label="主账号:" prop="partyAccountId" :rules="[ { required: true, message: '主账号不能为空'}]"><el-select v-model="detailForm.partyAccountId" filterable placeholder="

vue子路由回退后刷新页面方式

最近碰到一个小问题，页面中含有 <transition name="router-slid" mode="out-in"><router-view></router-view></transition> 作为子页面加载显示的地方。但是一般正常子路由通过 this.$router.go(-1) 返回到上一层原先的页面中。通过路由历史返回方式原本父页面想更新数据在created 跟mounted

router-link 使用exact精确匹配显示选中路由

相关文章