По умолчанию V-BTN Vuetify имеет «выбранное состояние», которое, насколько я могу судить, является просто затемненным фоном. Я использую несколько v-btns в v-app-bar. Одна из этих кнопок - кнопка «Домой». Когда приложение 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-В документации есть реквизит "input-value", который говорит, что он контролирует активное состояние кнопки. Проблема в том, что его тип - «Любой», поэтому я не уверен, как его использовать (и в документации ничего не сказано об этом). Я попытался установить значение true / false и ничего не меняется.
Кроме того, если я хочу просто избавиться от всех активных состояний кнопок, как мне это сделать?
Почему не существует простого решения, такого как focus = "true | false"?