Обновление объекта состояния с помощью пункта флажка

Question

Я пытаюсь сохранить компонент обновления, используя флажок, поэтому, если элемент отмечен, то значение должно быть добавлено к элементу состояния в хранилище VueX.

В дочернем компоненте: childcomp.vue:

<q-item-section top>
  <q-checkbox v-model="chosen" :val="NameProp" color="teal" />
</q-item-section>

Затем в родительском компоненте я хочу показать, какой из них проверен

parent.vue:

<childcomp NameProp="Item1"></childcomp>
<childcomp NameProp="Item2"></childcomp>
<childcomp NameProp="Item3"></childcomp>

<p> {{chosen}} </p>

Так, например, если я проверяю первый и последний элемент, я должен видеть:

["Item1","Item3"] и пустой массив, если я сниму их.

Какой самый простой способ сохранить это значение обновлено с помощью магазина VueX?

Answer 1

Попробуйте наблюдать за этим массивом, используя свойство watcher, и внутри обработчика отправьте действие:

watch:{
   chosen(newVal,oldVal){

    this.$store.dispatch('yourAction',newVal);

   }
}