Есть таблица с полученными данными tableData (массив объектов). Нужно добавить для каждой записи чекбокс, для выбора записей на удаление. Для добавления этих значений использую watch:
data () {
return {
selectedRows: {}
}
}
....
watch: {
tableData: {
handler: function (val, old) {
this.tableData.reduce((acc, rec) => {
acc[rec.id] = true
return acc
}, this.selectedRows)
},
immediate: true
}
},
шаблон:
<q-td
key="isRowSelected"
:props="props"
>
<q-checkbox v-model="selectedRows[props.row.id]" />
</q-td>
Но в таком случае значения checkBox-ов не меняются при нажатии. Как это исправить?
