博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue路由高亮的两种方式
阅读量:3891 次
发布时间:2019-05-23

本文共 264 字,大约阅读时间需要 1 分钟。

vue路由高亮的两种方式

1.第一种使用mui

在这里插入图片描述
如果每一个tab中有mui-active这个类此时tab就会高亮,如果不写mui-active这个类的话,默认有router-link-active这个类,我们还需要自己在这个类中写高亮样式,已经有现成的高亮类mui-active,所以解决方法为:在路由中实现在这里插入图片描述

第二种方式:判断路径,如果此时在首页,首页的路径为/msite,判断是不是和当前路径相同,如果相同,则高亮类 guide-item 生效。

:class="{on: ‘/msite === $route.path’}"
在这里插入图片描述

转载地址:http://aothn.baihongyu.com/

你可能感兴趣的文章
yum 变量追加的方法
查看>>
2倍速的下一代Bluetooth,「Bluetooth 5」发布
查看>>
Top 10 “Yum” installables to be productive as a developer on Red Hat Enterprise Linux
查看>>
[小技巧] Vim 如果去除 “existing swap file” 警告
查看>>
如何在linux下检测内存泄漏
查看>>
十年生聚,Vim 8.0 发布了!
查看>>
【演歌】加賀の女 歌词翻译
查看>>
東京音頭 (东京音头) 歌词翻译
查看>>
Windows 7 下登录界面里 Ctrl + Alt + Del 无法使用
查看>>
惠山赏菊 & 梅园赏桂
查看>>
[小技巧] cat /proc/modules 显示的地址为 0
查看>>
[游戏] chrome 的小彩蛋
查看>>
napi
查看>>
_GNU_SOURCE和__USE_GNU的差别
查看>>
Linux 有了 “DTrace”
查看>>
Linux 系统中僵尸进程
查看>>
一个 2 年 Android 开发者的 18 条忠告
查看>>
标志性文本编辑器 Vim 迎来其 25 周年纪念日
查看>>
[小技巧] chrome 的 vim 插件
查看>>
在 Linux 中查看你的时区
查看>>