vue拖拉拽

安装vuedraggable
npm install vuedraggable

1、互相拖拉拽

<template><div><div><draggable group="people" v-model="list1"><div v-for="item in list1" :key="item.id">{{item.name}}</div></draggable></div><div><draggable group="people" v-model="list2"><div v-for="item in list2" :key="item.id">{{item.name}}</div></draggable></div></div>
</template><script>
import draggable from 'vuedraggable';export default {components: {draggable},data() {return {list1: [{id: 1, name: 'John'},{id: 2, name: 'Alice'}],list2: [{id: 3, name: 'Bob'},{id: 4, name: 'Eve'}]};}
};
</script>