Javascript 引导Vue,<;b表>;使用基于表的绑定项数据的复选框输入
我有一个充满数据的表格。我在要绑定到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 },
属性。我似乎不知道该怎么做
我的数据:
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>