Vue, как выбрать все checkbox?

Question

[xiiicool]

Всем привет, такой вопрос
у меня есть таблица, есть компонент checkbox, для каждой строки генерируется копия компонента, через $emit я слушаю данный компонент и получаю у родителя его статус с id,
как можно выбрать или снять все компоненты checkbox , на чистом js легко могу а вот средствами vue можно ли это?

Comments

[Алексей Ярков]

С такой постановкой вопроса вам на https://freelansim.ru ))
Чтобы быстрее помогли, сделайте песочницу с минимально воспроизводимым кодом, чтобы отвечающим было проще.
Писать за вас не будут.

[Андрей Седышев]

Вы пытаетесь использовать vue как vaniilaJs или jQuery, игнорируя возможности MVVM.
Каждая строка вашей таблицы, скорее всего, является отображением некой сущности, у кторой есть некоторое булево свойство, которое визуально представляется в виде checkbox.
Так что задача не снять/выбрать checkbox, а выставить это булево свойство у всех моделей, которые вы отображаете.

[xiiicool]

прошу прощения вот пример https://codepen.io/xiiicool/pen/MxROwE

Answer 1

[inzeppelin]

Вам нужно в родительском компоненте хранить некий объект, который будет содержать состояния дочерних checkbox.

values = {
     id: value,
     ....
};

Соответственно на $emit вы обновляете значение в values. И эти же значения прокидываете в дочерние компоненты через props.