Как обновить значние checkbox?

Question

[kot98]

Есть таблица с полученными данными 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-ов не меняются при нажатии. Как это исправить?

Answer 1

[Rsa97]

Quasar? У него для таблиц есть готовые варианты с выбором строк.
https://quasar.dev/vue-components/table/#selection