将类似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就可以了。
我认为这是有意的,但不是我最喜欢的…:/