Приветствую.
Суть: имеется массив данных, под которые циклом выводится ряд кастомных чекбоксов.
Чтобы сделать к ним некое подобие label, добавляю
Но почему-то в данные изменение попадает только после nextTick'а (т.е. когда что-то побуждает родительский компонент перерисоваться). Как так, в какую сторону копнуть?
<template>
<div v-for="(day, key) in $options._weekDays" :key="key">
<v-simple-checkbox v-model="innerValue[key][0]"></v-simple-checkbox>
<div @click="innerValue[key][0] = !innerValue[key][0]">{{day}}</div>
</div>
</template>
<script>
export default {
_weekDays: {
monday: "Понедельник",
tuesday: "Вторник",
wednesday: "Среда",
thursday: "Четверг",
friday: "Пятница",
saturday: "Суббота",
sunday: "Воскресенье",
},
data() {
return {
innerValue: {
monday: [false, "", ""],
tuesday: [false, "", ""],
wednesday: [false, "", ""],
thursday: [false, "", ""],
friday: [false, "", ""],
saturday: [false, "", ""],
sunday: [false, "", ""],
},
}
},
}
</script>
