欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Vue-路由导航菜单栏的高亮设置方法

程序员文章站 2022-05-20 23:36:16
如下所示: 默认情况下,路由的导航菜单,会自动给当前菜单添加router-link-exact-active 和router-link-active 类。 我们可以通过...

如下所示:

默认情况下,路由的导航菜单,会自动给当前菜单添加router-link-exact-active 和router-link-active 类。

我们可以通过 linkactiveclass 来修改 router-link-active 这个类名,

在路由规则配置中添加配置项linkactiveclass: ‘mui-active',通过'mui-active'来自定义控制菜单栏切换样式

以上这篇vue-路由导航菜单栏的高亮设置方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。