имеет такие свойства:
methods: {
getValue: function() {
this.listValue.push({
'title': this.value,
'checked': false})
},
}
И я хочу, чтобы при нажатии на чекбокс, значение менялось на
true
и элемент зачёркивался. Вопрос собственно вот в чём. Где проверять изменения в
computed или watch
?
зачем его вообще проверять?
Не знаю, Первая мысль была по условию проверить его булевое значение типа if(checked !== false) то выполни такое действие
Или во Vue это проще делается?
Смотрите в сторону v-model для чекбоксов
https://codepen.io/helev/pen/ExmjYKQ
Можете прокомментировать данную строку? :class="{'done': item.checked}"
Обычный биндинг класса во vue , класс done добавляется в том случае, когда в цикле item.checked станет true
А классы всегда так надо биндить или же можно по классике через class=" "?
если у тебя будет class и :class тогда они просто замиксуются и все
статичные классы можно по классике, если нужна динамика, тогда v-bind можно, кстати, совмещать их на одном элементе
А вот это полезно. 🙃
Полезно доку читать https://ru.vuejs.org/v2/guide/class-and-style.html
Ну изначально то не про стили речь шла. :))
Это ты думаешь что не про них :D На самом деле ты четко написал "элемент зачеркивался"
Вполне возможно. Но меня больше интересовало как проверить состояние ключа checked. Но, а так, это правило хорошего тона. Написать, что хочешь сделать и какой результат ожидаешь получить. В большинстве случаев ответы с положительным результатом. :)
Еще можно разделять v-model на :value и @change Но об этом в доке почитай
Обсуждают сегодня