如何防止使用Vue路由器链接的Vuetify按钮出现灰色背景



将类似to="/"的Vue路由器链接添加到我的v-app-bar-nav-icon:时

<v-app-bar fixed app>
<v-app-bar-nav-icon v-else to="/">
<v-icon>mdi-home-city</v-icon>
</v-app-bar-nav-icon>
</v-app-bar>

当我在主页(/(上时,按钮的背景为灰色。

是虫子吗?如何防止这种行为?

重新调整此元素的用途是不明智的。通常v-app-bar-nav-icon用于切换导航抽屉的可见性——最好使用其他元素。

您的代码,尤其是v-else,会让图标消失。to="/"部分在我的测试中没有改变图标的颜色。

我使用了Chrome的Inspect Element功能,在Styles选项卡下我发现了这个:

.theme--light.v-btn--active::before {
opacity: 0.18;
}

所以只要覆盖这个类并将其不透明度更改为0就可以了。

我认为这是有意的,但不是我最喜欢的…:/

最新更新