Javascript 引导Vue复选框：单击其他元素时如何选中/取消选中复选框

我阅读了，但找不到在单击表行（当它位于表下方）时将引导vue复选框设置为选中/未选中的任何示例。是否有一种方式会导致单击某行时选中/取消选中该行

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>

data（）{
返回{
表格：{
可选：{}作为{[index:string]：boolean}，
}, 
};
},
方法：{
triggerCheckBox（relatedId:string）{
const val=this.form.optional[relatedId]；
this.form.optional[relatedId]=！val；
},
}
我在创建的钩子上的代码中添加了以下内容：

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

要将
表单.optional
设置为reactive..
我在创建的钩子上的代码中添加了以下内容：

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

要将
form.optional
设置为reactive..
只需确保放置道具即可

value=true unchecked-value=false
v-model="varaible_of_your"
***"variable_of_your=true or false"

一定要把道具放好

value=true unchecked-value=false
v-model="varaible_of_your"
***"variable_of_your=true or false"

通常，您只需切换复选框绑定到的值（其
v-model
）。您的代码看起来像什么？已编辑。我只是没有发布代码，因为我假设这是bootstrap vue上复选框的默认行为，其中模型上的更改不是在我的代码上确认的双向绑定。我还注意到，将默认值设置为
true
不会将复选框设置为
checked
。将新属性添加到
data（）
中定义的对象（即
this.form.optional[relatedId]=！val
）不是被动的。通常，您只需切换复选框绑定到的值（其
v-model
）。您的代码看起来像什么？已编辑。我只是没有发布代码，因为我假设这是bootstrap vue上复选框的默认行为，其中模型上的更改不是在我的代码上确认的双向绑定。我还注意到，将默认值设置为
true
不会将复选框设置为
checked
。将新属性添加到
data（）
中定义的对象（即
this.form.optional[relatedId]=！val
）不是被动的。看见