vuejs2 - 获取vue good table中选中行的数据

Question

伙计们，我是vue新手所以不知道如何实现以下情况我如何获取当前选定行的数据这是代码

       <div class="table-responsive-sm">
                     <vue-good-table
                     title="Page List"
                     :columns="columns1"
                     :rows="rows1"  
                     :paginationOptions="{enabled: false}">
                      
                       <template slot="table-row-after" slot-scope="props" >
                          <td class="fancy"><input type="checkbox" v-model="checkview[props.row.originalIndex]">
                           </td>
                          <td class="has-text-right"><input type="checkbox" v-model="checkedit[props.row.originalIndex]"></td>
                          <td class="has-text-right"><input type="checkbox" v-model="checkupate[props.row.originalIndex]"></td>
                          <td class="has-text-right"><input type="checkbox" v-model="checkdelete[props.row.originalIndex]"></td>
                       </template>
                  </vue-good-table>
      columns1: [
    {
      label: 'Page Name',
      field: 'pagename',
       sortable: false,
    },
     {
      label: 'View',
       sortable: false,
    },
     {
      label: 'edit',
       sortable: false,
    },
    {
      label: 'update',
      sortable: false,
    },
     {
      label: 'delete',
      sortable: false,
    },

  ],
   rows1:[],
 methods:{
               getTotals1(){
            var self = this;
            this.$http.get('http://localhost:3000/api/permissionpgs')
            .then(function (response) {
              console.log(response.data)
                 self.rows1 = response.data;      
            })
        },
 }

当保存方法被触发时，有什么方法可以获取有值(value)的数据。最后一次这是 vue 的好表

Answer 1

您将选中项目的值存储在 3 个不同的对象中。 checkedit、checkupdate 和 checkdelete。如果用户选中/取消选中表中的复选框。这些对象将具有以下形式:

checkupdate{
  2: true, // index of the row: whether checked or unchecked
  5: false,
  20: true
}

现在要获取每个对象的行，您所要做的就是遍历对象属性，收集值为 true 的索引。然后执行 this.rows1[index] 以获取实际的行对象。