vuejs2 - 获取vue好表中选定行的数据

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;      
            })
        },
 }

当保存方法被触发时，有什么方法可以获取有价值的数据。最后 ting 这是 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] 来获取实际的行对象。