Vuejs2 获取vue good表中选定行的数据
伙计们,我是vue的新手,所以不知道如何实现以下情况 如何获取当前选定行的数据 这是代码Vuejs2 获取vue good表中选定行的数据,vuejs2,vue-tables-2,Vuejs2,Vue Tables 2,伙计们,我是vue的新手,所以不知道如何实现以下情况 如何获取当前选定行的数据 这是代码 <div class="table-responsive-sm"> <vue-good-table title="Page List" :columns="columns1"
<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;
})
},
}
第1栏:[
{
标签:“页面名称”,
字段:“pagename”,
可排序:false,
},
{
标签:“视图”,
可排序:false,
},
{
标签:“编辑”,
可排序:false,
},
{
标签:“更新”,
可排序:false,
},
{
标签:“删除”,
可排序:false,
},
],
第1行:[],
方法:{
getTotals1(){
var self=这个;
这是。$http.get('http://localhost:3000/api/permissionpgs')
.然后(功能(响应){
console.log(response.data)
self.rows1=response.data;
})
},
}
当save方法触发时,是否有任何方法可以获取有值的数据。最后,这是vue good表格您正在将选中项的值存储在3个不同的对象中<代码>检查编辑,
检查更新
和检查删除
。如果用户选中/取消选中表中的复选框。这些对象将具有以下形式:
checkupdate{
2:true,//行的索引:是否选中
5:错,,
20:对
}