Nuxt3 如何为选中的链接添加高亮状态?
如何在 Nuxt3 中为选中的链接添加高亮状态?
在 Nuxt3 中,为选中的链接添加高亮状态非常简单。
Nuxt3 的 nuxt-link 组件使用两个样式类来实现选中状态:
- .router-link-active:当当前路径包含 nuxt-link 对应的路径时应用。
- .router-link-exact-active:当当前路径与 nuxt-link 对应的路径完全一致时应用。
因此,只需在 CSS 中实现这些样式,即可为选中的链接添加高亮状态。
以上就是Nuxt3 如何为选中的链接添加高亮状态?的详细内容,更多请关注其它相关文章!