在 Vue Router 中,active-class
是 <router-link>
组件的属性,用于设置链接激活时附加到元素上的 CSS 类名。
通过设置 active-class
,你可以自定义链接激活时的样式类名,使其在用户导航到与当前路由匹配的链接时,自动添加指定的类名,从而方便样式定制或视觉上的反馈。
<router-link to="/home" active-class="active-link">Home</router-link>
在这个例子中,当用户访问 /home
路由时,<router-link>
元素将会被添加 active-link
类名,以示当前路由匹配。通过这种方式,你可以在 CSS 中定义 .active-link
类的样式,使激活的链接呈现出特定的样式效果。
Was this helpful?
0 / 0