Javascript Vue-tables-2使用复选框选择多行，然后将行推送到新阵列

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

选择多行

将此选择推送到新阵列中

创建此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>

PDF创建

---

向数据对象添加

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>

   methods:{
    ...
  createPdf(){
    //do whatever you want with your this.checkedRows
  }  
  ...
  }