在 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

发表回复 0

Your email address will not be published.