Как заполнить массив объектов, выбрав флажок, элемент пользовательского интерфейса и vue datatable?

Question

Тогда у меня есть следующая таблица, и она динамически заполняется:

 <data-tables-server ref="table"
            class="checkbox-accept"
            :data="data"
            :page-size="10"
            :filters="filters"
            :total="total"
            :loading="loading"
            @query-change="load_data"
            :pagination-props="paginationProps">

                <el-table-column v-for="column in columns"
                    :prop="column.prop"
                    :label="column.label"
                    :sortable="column.sort"
                    :key="column.label"
                    :min-width="column.minWidth"
                    :fixed="column.fixed"
                    >
                    <template slot-scope="scope">
                        <!-- named_insured, end_number column -->
                         <div v-if="column.prop == 'download' ">
                             <!-- {{scope.row}} -->
                             <el-checkbox :value="scope.row[column.prop]" v-model="selection[scope.row.id]"> 
                              </el-checkbox>
                         </div>
 <div v-else-if="column.prop == 'named_insured' || column.prop == 'end_number'">
                        <CutTextTd :value="scope.row[column.prop]" :row="scope.row"></CutTextTd>
                    </div> 
                    </template>
                </el-table-column>
        </data-tables-server>

Как видите, у меня есть следующий флажок, который генерирует ее в динамической c таблице

<el-checkbox :value="scope.row[column.prop]" v-model="selection[scope.row.id]"></el-checkbox>

Где selection - это массив, объявленный в модели, то есть в data ().

Поэтому при выборе флажка массив выбора должен быть заполнен значениями выбранной строки , Я пробовал описанный выше способ, но он не работает должным образом.