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

有什么方法可以在触发保存方法时获取有价值的数据。最后一次这是 vue 好 table

Answer 1

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

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

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

在 vue good 中获取选定行的数据 table

get data of slected row in vue good table

vuejs2

vue-tables-2