Активное состояние из v-list-item зависло до false при загрузке - Vuetify

Question

Я пытаюсь переопределить активное состояние v-list-item, но это не работает. Я могу правильно распечатать входное значение, но активное состояние остается ложным, несмотря ни на что.

<v-list-item-group multiple> 
    <template v-for="(business, index) in getNearbyBusiness">
        <v-list-item
            :key="index"
            :input-value="business.business.business_projects[0].is_business_shortlisted"
        >
            <template v-slot:default="{ active }">
                <v-list-item-content></v-list-item-content>

                <v-list-item-action class="mr-3">
                    <p>{{ business.business.business_projects[0].is_business_shortlisted }}</p> // Prints correct value
                    <p>{{ active }}</p> // Stuck to false on load
            </template>
        </v-list-item>
    </template>
</v-list-item-group>

Как правильно это сделать?

Answer 1

Мое мнение об этом было совершенно неправильным.

Вам нужно передать свойство value в v-list-item-group и передать массив с индексами активных v-list-item s.

например, [1,4,5] означает, что элементы с индексами 1,4,5 активны.