vue.js - Vue-Native 复选框更改值

Question

我希望能够通过单击来更改复选框的值。recentContacts加载得很好，并且在计算函数中指定初始检查值效果很好。似乎会更改值，:on-press但不会反映在 UI 中。

请帮忙

模板

<nb-list>
    <nb-list-item v-for="contact in recentContacts" v-bind:key="contact.uid">
       <nb-checkbox :on-press="() => contact.checked =! contact.checked" :checked="contact.checked"></nb-checkbox>
       <nb-text>{{contact.firstName}} {{contact.lastName}}</nb-text>
    </nb-list-item>
</nb-list>

代码

export default {
   computed: {
        recentContacts() {
            return store.state.admin.userData.recentContacts.map(rc => {
                rc.checked = false;
                return rc;
            });
        }
    },
}

编辑：我猜是因为 VUEX 是不可变的。我通过recentContacts在data属性内部而不是computed不按我想做的方式来实现这一点。