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