Javascript 如何使引导表行可选，并将选定行保留在筛选器上？

我想有一个引导表，并已经添加了输入复选框来选择它们，以及一个过滤器来获取所有选择的项目（这是完全好的）

选择行后，数据集属性“selected”应设置为1或true

但我也希望在过滤时保留所有选定的值（这应该通过在数据集中持久化“selected”属性来修复，不是吗？）

目前我可以选中复选框，复选框值本身也会更改，但是row.value变量保持不变，即使我对row.value使用v-model（双向数据绑定）

所以如何更改引导表中属性的值？

<b-table show-empty
             stacked="md"
             :items="items"
             :fields="fields"
             :current-page="currentPage"
             :per-page="perPage"
             :filter="filter"
             :sort-by.sync="sortBy"
             :sort-desc.sync="sortDesc"
             @filtered="onFiltered"
    >

      <template slot="selected" slot-scope="row">
       <input type="checkbox" id="checkbox" v-model="row.value">
        {{row.value}}
      </template>


      <template slot="name" slot-scope="row">{{row.value}}</template>
      <template slot="sapNumber" slot-scope="row">{{row.value}}</template>
      <template slot="createDate" slot-scope="row">{{ moment(row.value).format('dd DD.MM.YY, hh:mm:ss')}}</template>
      <template slot="master" slot-scope="row">
        <!-- We use @click.stop here to prevent a 'row-clicked' event from also happening -->
        <b-button size="sm" @click.stop="info(row.item, row.index, $event.target)" class="mr-1">
          Info modal
        </b-button>
        <b-button size="sm" @click.stop="row.toggleDetails">
          {{ row.detailsShowing ? 'Hide' : 'Show' }} Details
        </b-button>
      </template>
      <template slot="row-details" slot-scope="row">
        <b-card>
          <ul>
            <li v-for="(value, key) in row.item" :key="key">{{ key }}: {{ value}}</li>
          </ul>
        </b-card>
      </template>
    </b-table>

{{row.value}}
{{row.value}}
{{row.value}}
{{矩（row.value）.format（'dd.MM.YY，hh:MM:ss'）}
信息模态
{{row.Details显示？'Hide'：'Show'}详细信息

{{{key}}:{{value}

解决方案非常简单。 把这部分换一下

<template slot="selected" slot-scope="row">
    <input type="checkbox" id="checkbox" v-model="row.value">
        {{row.value}}
</template>

{{row.value}}

对这个

 <template slot="selected" slot-scope="data">
     <input type="checkbox" id="checkbox" v-model="data.item.selected">
 </template>

因此，此列的范围不会影响迭代器数据集（在我的示例中是“行”），而是影响数据属性的根数据集