Vue-Native复选框更改值

Question

我希望能够通过单击复选框来更改复选框的值。 recentContacts可以很好地加载，并且在计算函数中指定初始检查值非常有效。 :on-press似乎会更改值，但不会反映在用户界面中。

请帮助

模板

<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来实现此目的，而不仅仅是我想做的事情。