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

问题描述

to="/"之类的Vue-Router链接添加到我的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="/"部分未更改测试中的图标颜色。