未添加nuxt链接活动样式

时间:2020-05-28 10:21:04

标签: vue.js nuxt.js

我有一个带有按钮的简单导航栏,我想要一个名为inactive-class的类 当用户不在所述站点上时。

我的按钮:

<nuxt-link to="/about" class="inactive-link" exact>About</nuxt-link>

我在.nuxt-link-exact-active上有CSS

这将呈现为:

<a 
href="/about"
class="inactive-link nuxt-link-exact-active nuxt-link-active">Home</a>

所以一切似乎都井井有条。 但是问题是,由于某种原因,我的nuxt-link-exact-active样式都没有得到渲染,它出现在类中,但这似乎是一个优先问题。

如果我将!important添加到样式中的属性中,则它将在dom上呈现。 如果我在检查元素菜单中删除了inactive-class,那么我的样式就会被渲染。

我不明白我在这里做错了什么。

0 个答案:

没有答案