Javascript 引导Vue,<;b表>;使用基于表的绑定项数据的复选框输入

Javascript 引导Vue,<;b表>;使用基于表的绑定项数据的复选框输入,javascript,vue.js,vuejs2,vue-component,bootstrap-vue,Javascript,Vue.js,Vuejs2,Vue Component,Bootstrap Vue,我有一个充满数据的表格。我在要绑定到b表中复选框的数据上选择了一个属性。我似乎不知道该怎么做 我的数据: data: () => ({ tableData: [ { title: "title01", desc: "desc01", selected: false }, { title: "title02", desc: "desc02", selected: false },

我有一个充满数据的表格。我在要绑定到b表中复选框的数据上选择了一个
属性。我似乎不知道该怎么做

我的数据:

data: () => ({
  tableData: [
    {
      title: "title01",
      desc: "desc01",
      selected: false
    },
    {
      title: "title02",
      desc: "desc02",
      selected: false
    },
  ],
  tableColumns: [
    { key: "selected", label: "", sortable: false }
    { key: "title", label: "Title", sortable: false },
    { key: "desc", label: "Description", sortable: false }
})
html:

<b-table id="myTabel"
  hover
  striped
  :items="tableData"
  :fields="tableColumns">
  <template slot="selected" slot-scope="row">
    <b-form-group>
      <input type="checkbox" v-model="How_To_Bind_To_Object_Prop?">
    </b-form-group>
  </template>
</b-table>

您可以按如下方式在作用域插槽内访问行项目,并将嵌套复选框绑定到所选的
属性:

<template v-slot:cell(selected)="row">
   <b-form-group>
       <input type="checkbox" v-model="row.item.selected" />
   </b-form-group>
</template>

有关更多信息,请参阅文档

<template v-slot:cell(selected)="row">
   <b-form-group>
       <input type="checkbox" v-model="row.item.selected" />
   </b-form-group>
</template>