Ionic 离子6离子-未选中复选框

6ie5vjzr 于 2022-12-08 发布在 Ionic

关注(0)|答案(1)|浏览(122)

Vuejs 3，离子6
我的代码

<ion-list>
    <ion-item v-for="(city, index) in cityDataList" :key="index">
        <ion-label>{{ city.name }}</ion-label>
        <ion-checkbox slot="end"
            @update:modelValue="city.isActive = $event"
            :modelValue="city.isActive" :checked="city.isActive"
            @ionChange="this.selectCity(city.id)" />
    </ion-item>
</ion-list>

API返回一个城市列表。每个城市都有一个isActive属性。如果城市的isActive属性为true，那么我希望看到一个标记。但这并没有发生。
文档链接https://ionicframework.com/docs/api/checkbox#properties
这是一个视觉截图。