问题:通过router-link设置class类
想要通过点击对应的路由链接使字体高亮,也就是说需要根据当前激活的路由链接动态的添加class类。
解决方法
1、active-class
active-class:当对用的路由匹配成功时,会自动给当前元素设置一个router-link-active的class类(当点击在页面最终渲染的标签时,会给当前的标签添加一个class类默认是router-active-link
),当设置active-class时可以修改这个默认类。也就是说会存在默认的一个class类,如下图。那我们想要只显示一个激活类如何设置呢?请继续往下看!
2、exact-active-class
配置当链接被精确匹配的时候应该激活的 class,也就是说当前方法不会存在默认激活项。