1.安装:
npm i -S vuedraggable@next //这样才能安装最新的版本,低版本会踩坑
2.引入(注册使用即可)
import draggable from 'vuedraggable'
3.小示例
<draggable
v-model="list"
class="list-group"
group="people"
@start="drag=true"
@end="drag=false"
item-key="id">
<template #item="{ element }">
<div class="list-group-item">
{
{ element.name }}
</div>
</template>
</draggable>
4.注意!!!
使用vue3的话一定要下载最新版
item-key一定要写
<template #item="{ element }">一定要写
否则就不生效 或者报错
附上一个我从网上看到的示例网站,对理解会有帮助