Vue.js 引导Vue表选择

Vue.js 引导Vue表选择,vue.js,bootstrap-vue,Vue.js,Bootstrap Vue,当我尝试使用下面的数据时,我得到的第一列是true/false,而不是复选框 以下是vue表: <b-table id="myTabel" hover striped :items="tableData" :fields="tableColumns"> <template slot="selected" slot-scope="row"> <b-form-group> <input type="checkb

当我尝试使用下面的数据时,我得到的第一列是true/false,而不是复选框

以下是vue表:

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

将模板更改为:

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

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