已在项目中使用的:
1、安装依赖https://www.npmjs.com/package/awe-dnd
"awe-dnd": "^0.3.1",
2、main.js引入和使用
import VueDND from 'awe-dnd'
Vue.use(VueDND)
3、v-dragging控制循环体
<div class="" :class="(person.id=== choseId) ? 'person-block-chose': 'peron-block'"
@mousedown="choseOne (person)"
v-for="(person, index) in tempList" :key="index"
v-dragging="{item: person, list: tempList, group: 'person'}">
.....................
4、通过改变当前选中的id改变拖动的样式
choseOne (person) {
this.choseId = person.id
},
经过测试,发现有问题的
1、Sortable.js 和el-table 组件一起使用,组件不能正确更新
3、Vue.Draggable 有一定问题