Флажок Bootstrap Vue: как установить или снять флажок при нажатии другого элемента

Question

Я прочитал документы , но не могу найти ни одного примера флажка начальной загрузки, установленного для установки / снятия флажка при щелчке строки таблицы (когда она находится под таблицей).Есть ли способ, которым щелчок строки приведет к тому, что она будет отмечена / не отмечена?

data() {
  return {
    form: {
      optional: {} as { [index: string]: boolean },
    }, 
  };
},
methods: {
  triggerCheckBox(relatedId: string) {
    const val = this.form.optional[relatedId];
    this.form.optional[relatedId] = !val;
  },
}

<tr v-for="related in liability.related" @click="triggerCheckBox(related.id)">
  <td>
    <b-form-checkbox
      v-model="form.optional[related.id]"
    </b-form-checkbox>
  </td>

Редактировать: я уже манипулировал привязкой v-модели к флажку.Все еще не работает.

Answer 1

Я добавил это в свой код на созданном хуке:

this.$set(this.form.optional, related.id, false));

, чтобы установить form.optional в реактив ..