<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="css/element.css">
</head>
<body>
<div id="myTable">
<el-transfer v-model="value1" :data="dataMy" target-order="unshift"></el-transfer>
<div>
<el-button type="primary" @click="aaa()">右侧数据倒序</el-button>
</div>
</div>
<script src="js/vue.js"></script>
<script src="js/element.js"></script>
<script>
var vm = new Vue({
el: "#myTable",
data() {
return{
dataMy:[
{
disabled: false,
key: 1,
label: "数据1"
},
{
disabled: false,
key: 2,
label: "数据2"
},
{
disabled: false,
key: 3,
label: "数据3"
},
{
disabled: false,
key: 4,
label: "数据4"
},
{
disabled: false,
key: 5,
label: "数据5"
}
],
value1: []
}
},
methods:{
aaa() {
this.value1.reverse()
}
}
})
</script>
</body>
</html>