在整个列表组 vuetify 上应用 activ class

Question

我正在尝试在 vuetify 组件的 list-group 上应用活动 class。

问题是它仅将 class 应用于列表的“header”，而不是抽屉（请参阅 vuetify 上的扩展列表列表）

 <v-list>
      <v-list-group
        v-for="item in items"
        :key="item.title"
        class="my-1 mx-2 primary--text"
        color="#F5F5F5"
        no-action
        outlined
        active-class="selected" // <<<< - not working on WHOLE group only on header !
        :append-icon="item.marker ? 'mdi-minus' : 'mdi-plus'"
        @click="item.marker = !item.marker"
      >

Here is a screensot of what I have

我想要的是绿色边框也适用于带有信息的抽屉，但我不明白如何实现这一点

欢迎任何帮助

Answer 1

我觉得this就是你想要的。

您可以将 class="v-list-item--active" 应用于每个 v-list-item。

在整个列表组 vuetify 上应用 activ class

Apply activ class on whole list group vuetify

css

vue.js

vuetify.js