Vue-tables-2选择带有复选框的多行，然后将行推送到新数组

Question

使用vue-tables-2-我制作了带有第一列复选框的原型，我的目标是：

1. 选择多行
2. 将此选择推入新数组
3. 为这个新的tableData数组创建PDF

我能够创建复选框列，但是如何获取所选的行并将其推入新的数组中，从而可以从中生成pdf？我有方法selectRow，但是在如何收集所有选定的行并将其推入新数组中苦苦挣扎。

        <v-server-table url="/removals" :data="tableData" :columns="columns" :options="options">

            <input slot="selected" slot-scope="props" type="checkbox" :checked="props.row.selected" @click="selectRow">

            <button slot="afterFilter" type="submit" @click="createPdf">Create PDF</button>


        </v-server-table>

Answer 1

将<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> <div class="progressbar"></div>添加到您的数据对象中，如下所示：

checkedRows

通过添加data(){ return{ ... checkedRows:[] } } 来修改模板：

v-model="checkedRows" :value="props.row"

因此，在您的 <v-server-table url="/removals" :data="tableData" :columns="columns" :options="options"> <input slot="selected" slot-scope="props" type="checkbox" :checked="props.row.selected" v-model="checkedRows" :value="props.row"> <button slot="afterFilter" type="submit" @click="createPdf">Create PDF</button> </v-server-table> 方法中，您可以访问createPdf

this.checkedRows