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の中に入れることで機能させました。datacomputed