Vue.js 加载时v-list-item的活动状态为false-Vuetify

我试图覆盖v-list-item的活动状态，但它不起作用。我可以正确打印输入值，但无论发生什么情况，活动状态都会保持为false

<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>

{{business.business.business\u projects[0].\u business\u shortlist}
//打印正确的值
{{active}}
//加载时固定为false

---

正确的方法是什么？

我的想法完全错误

您需要传递

v-list-item-group

上的

value

属性，并传递一个包含活动

v-list-item

s索引的数组

e、 g.

[1,4,5]

表示索引为1,4,5的项目处于活动状态