if you want to get the selected data when the table is checked, the code is as follows:
<div>
<Table border ref="selection" :columns="columns4" :data="data1"
@on-select = "selectTable(selection,row)"></Table>
<Button @click="handleSelectAll(true)">Set all selected</Button>
<Button @click="handleSelectAll(false)">Cancel all selected</Button>
</div>
export default {
data () {
return {
selection:"",
row:"",
columns4: [
{
type: "selection",
width: 60,
align: "center"
},
{
title: "Name",
key: "name"
},
{
title: "Age",
key: "age"
},
{
title: "Address",
key: "address"
}
],
data1: [
{
name: "John Brown",
age: 18,
address: "New York No. 1 Lake Park",
date: "2016-10-03"
},
{
name: "Jim Green",
age: 24,
address: "London No. 1 Lake Park",
date: "2016-10-01"
},
{
name: "Joe Black",
age: 30,
address: "Sydney No. 1 Lake Park",
date: "2016-10-02"
},
{
name: "Jon Snow",
age: 26,
address: "Ottawa No. 2 Lake Park",
date: "2016-10-04"
}
]
}
},
methods: {
handleSelectAll (status) {
this.$refs.selection.selectAll(status);
},
selectTable(){
console.log(this.selection+this.row)
}
}
}
on-selectselectionrow
