直接上代码
<template>
<Table ref="currentRowTable" :columns="columns3" :data="data1" :draggable="true" @on-drag-drop="onDragDrop"></Table>
</template>
<script>
export default {
data () {
return {
columns3: [
{
title: 'Age',
key: 'age'
},
{
title: 'Address',
key: 'address'
}
],
data1: [
{
// name: 'John Brown',
age: 18,
address: 'New York No. 1 Lake Park'
},
{
// name: 'Jim Green',
age: 24,
address: 'London No. 1 Lake Park'
},
{
// name: 'Joe Black',
age: 30,
address: 'Sydney No. 1 Lake Park'
},
{
// name: 'Jon Snow',
age: 26,
address: 'Ottawa No. 2 Lake Park'
}
]
}
},
methods: {
onDragDrop(a,b){
console.log(a,b);
this.data1.splice(b,1,...this.data1.splice(a, 1 , this.data1[b]));
}
}
}
</script>