VueDraggablePlus
支持 Vue2 / Vue3
,是被尤雨溪推荐了的拖拽组件。我自己试用过了,还挺好用的,兼容移动端。
官网:https://alfred-skyblue.github.io/vue-draggable-plus/
官网文档里面很详细了,我就不再介绍安装和用法了。
注意 注意 注意: 确保在使用 v-for
渲染列表时,绑定的 key
值是唯一的,否则会导致渲染错误。避免使用 index
作为 key
值。
我就因为上面的问题,折腾了两个小时找原因。
我的解决方式是,直接生成UUID。点击查看生成UUID
另外可能会涉及到 VUE
循环设置 ref
并获取 的问题,可以参考:vue3 循环设置 ref 并获取