Значение изменения флажка Vue-Native - PullRequest
Новая
       10

Значение изменения флажка Vue-Native

0 голосов
/ 13 апреля 2019

Я хочу иметь возможность изменить значение флажка, нажав на него. recentContacts загружаются просто отлично, и задание начальных проверенных значений в вычисляемой функции работает хорошо. :on-press, кажется, меняет значение, но не отражается в пользовательском интерфейсе.

Пожалуйста, помогите

Template 

<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;
            });
        }
    },
}

EDIT: Я предполагаю, потому что VUEX является неизменным. Я заставил это работать, имея recentContacts внутри атрибута data вместо computed, просто не так, как я хочу делать вещи.

...