安装
npm install vuedraggable
引入
import draggable from 'vuedraggable'
模板使用
<draggable v-model="dataList" class="main">
<div class="dragItem" v-for="element in dataList" :key="element.id">
{{element.value}}
</div>
</draggable>
data数据
dataList: [
{ id: 1, value: '1' },
{ id: 2, value: '2' },
{ id: 3, value: '3' },
{ id: 4, value: '4' },
{ id: 5, value: '5' },
{ id: 6, value: '6' },
{ id: 7, value: '7' }
]
参考文章:
https://www.npmjs.com/package/vuedraggable
https://blog.csdn.net/zjiang1994/article/details/79809687