Как почистить input checkbox :checked vue 3?

Question

[Dmitry]

Добрый день.
У меня есть много checkbox связанных v-model="checkboxes". Так же, есть чекбокс "Выбрать всё", состояние которого зависит выбраны ли все остальные чекбоксы или нет.

Проблема следующая:
Выбор всех checkbox работает

const checkboxes = ref([])

UsersAllTable.value.data.forEach(function (element) {
   checkboxes.value.push('id_' + element.id)
})

Но если попробовать очистить массив checkboxes:
checkboxes.value.slice(0, checkboxes.value.length)
То элементы не удаляются, а просто клонируются. Соответственно состояние всех checkbox :checked остается в положении true.
Делаю предположение что это из-за v-model, в момент когда я пытаюсь почистить массив checkboxes, компоненты возвращают своё состояние и заного переопределяют этот массив. Как тут быть ? Спасибо.

Answer 1

[Антон Антон]

https://developer.mozilla.org/ru/docs/Web/JavaScri...:

Метод slice() не изменяет исходный массив, а возвращает новую «одноуровневую» копию, содержащую копии элементов, вырезанных из исходного массива.

Для того чтобы "почистить" массив, нужно сделать так: checkboxes.value = [] а не извращаться по всякому.

Comments

[Dmitry]

checkboxes.value = [] не чистит массив а добавляет новый с индексом 0, при этом записи в массиве все равно остаются.

[Dmitry]

Dmitry, разобрался, проблема заключалась в том что на чекбоксе весел @click а не @input.
с @input checkboxes.value = [] прекрасно чистит массив

[WapSter]

Dmitry, что за бред, как вид события изменяет логику самого js

[Dmitry]

WapSter, Сам чекбокс кастомный, при @click он почему то создавал копию массива вместо того, чтобы его очистить. так же при @click в console.log массив выводился 2 раза, как будто происходил не один клик, а сразу 2. После изменения на @input всё стало работать как надо.