突出显示导航抽屉（侧栏）vue.js上项目列表中的子项

也有类似的Questino，但没有一个使用vuetify/vue解决这个问题

我的导航抽屉里有一个列表。它有两个选项，当你点击一个选项时，它会改变页面。我希望在您更改页面时突出显示该选项（以便您可以看到您所在的页面）

我尝试过使用css类，使用

.v-application a {
    color: #1976d2;
}

和其他一些人；虽然它会改变标签的颜色，但我希望它在点击之前是透明的

<v-navigation-drawer>   
  <v-list nav>
      <v-list-item v-for="(link, i) in links" :key="i" :to="link.to">
        <v-list-item-action>
          <v-icon class="list">{{ link.icon }}</v-icon>
        </v-list-item-action>
        <v-list-item-title v-text="link.text" class="list" />
      </v-list-item>
    </v-list>
  </v-navigation-drawer>

{{link.icon}

---

从该图中可以看到，我所在的活动页面（仪表板）未高亮显示…

您可以在

列表项上执行类似于
：value=“$route.path===link.to”
的操作，@ohgod为什么不起作用？@ohgod为什么我刚刚检查了路线，它们是准确的。对我来说，这感觉像是一个CSS问题，但我一辈子都搞不懂