0

默认情况下，Vuetify 的 v-btn 具有“选定状态”，据我所知，这只是一个变暗的背景。我在 v-app-bar 中使用了一些 v-btns。这些按钮之一是主页按钮。当启动 vue 应用程序（即主路由）时，我想将 Home 按钮设置为选中，以便用户知道这是主页。有没有一种简单的方法可以从我有我的 v-app-bar 的模板中做到这一点？

<template>
  <v-app-bar app fixed>
    <router-link to="/">
      <v-img src="/assets/my-logo.png" to="/home" class="mx-2" max-height="128" max-width="128" contain/>
    </router-link>
    <v-btn to="/home" tile>Home</v-btn>
    <v-btn to="/another-view" tile>Another View</v-btn>
    <v-btn to="/yet-another-view" tile>Yet Another View</v-btn>
  </v-app-bar>
</template>

因此，鉴于上面的标记，当页面以默认路线打开时，如何将主页按钮设置为“活动”或“选定”？

在 v-btn 文档中，有一个名为“input-value”的道具，它表示它控制按钮的活动状态。问题是它的类型是“Any”，所以我不确定如何使用它（并且文档没有显示任何关于它的信息）。我尝试设置为真/假，没有任何变化。

另外，如果我只想摆脱所有按钮的活动状态，我该怎么做？

为什么没有像focused="true|false"这样的简单解决方案？

4

0 回答 0