Как создавать вобъект в массиве, при клике на чекбокс?

Question

[nastya_zholudeva]

Каждый блок чекбоксов имеет свой id и каждый чекбокс имеет свой key. Нужно чтобы при выборе чекбокса он добавлялся в массив filters объектом {'filterId': id, 'value': ''}
Если у чекбоксы убирают галочку, то он удаляется из этого массива

В результате, по клику на кнопку "Посмотреть" нужно получить массив объектов выбранных чекбоксов

Answer 1

[Владимир Проскурин]

У чекбоксов есть такие атрибуты true-value и false-value, в них и ставите свой объект, он будет назначен переменной
UPD: Я немного соврал. Можно объект совать прямо в value

Comments

[nastya_zholudeva]

Владимир Проскурин, я правильно поняла?

<input type="checkbox" class="filter-category__input"
                    :value="filter.key"
                    v-model="checkedFilters"
                    :true-value="{'filterId': item.filterId, 'value': filter.key}"
                     false-value=""
                    @click="getFilterId(item.filterId, filter.key, 'checkbox')"
                  >

Только в таком случае у меня checkedFilters получается массив ключей

[Владимир Проскурин]

nastya_zholudeva, в вашем случае что-то такое получится https://jsfiddle.net/jv26u9h4/

Answer 2

[Влад Токарев]

<input
         type="checkbox"
         v-model="filters"
         :value='{filterId: 5, value: "someValue"}'
  >