Question

默认情况下，Vuetify的v-btn具有“选择状态”，据我所知，这只是一个黑暗的背景。我在v-app-bar中使用了几个v-btns。这些按钮之一是“主页”按钮。当启动vue应用程序（即主要路线）时，我想将“主页”按钮设置为选中状态，以便用户知道这是主页。有没有一种简单的方法可以从我带有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文档中，有一个名为“输入值”的道具，它表示它控制按钮的活动状态。问题在于它的类型是“ Any”，所以我不确定如何使用它（并且文档中未显示任何内容）。我尝试设置为true / false，并且没有任何变化。

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

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

如何更改（视觉上）v-btn的状态，以便在模板中选择/取消选择它？

0 个答案: