javascript - 单击 Vuetify 3 后如何取消对按钮的聚焦

Question

我使用 vuetify 3.0.0-alpha.10。这是我的代码:

<template>
  <v-card-actions flat>
    <v-btn class="yourButton">
      <v-icon size="25">mdi-home</v-icon>
    </v-btn>
    <v-btn>
      <v-icon size="25">mdi-star</v-icon>
    </v-btn>
  </v-card-actions>
</template>

问题是点击按钮后焦点仍然存在，因此，有必要点击其他地方来移除焦点:

我尝试添加

.yourButton .v-btn:focus::before {
  opacity: 0 !important;
 }

但似乎这个解决方案在 Vuetify 3 中不起作用。如何让按钮在点击后移除焦点？

Answer 1

我找到了解决方案。有必要更新到 Vuetify 3.0.0-alpha.12。单击后焦点不会留在按钮上。