在这里插入图片描述

VueDraggablePlus 支持 Vue2 / Vue3,是被尤雨溪推荐了的拖拽组件。我自己试用过了,还挺好用的,兼容移动端。

官网:https://alfred-skyblue.github.io/vue-draggable-plus/

官网文档里面很详细了,我就不再介绍安装和用法了。

注意 注意 注意: 确保在使用 v-for 渲染列表时,绑定的 key 值是唯一的,否则会导致渲染错误。避免使用 index 作为 key 值。
我就因为上面的问题,折腾了两个小时找原因。
我的解决方式是,直接生成UUID。点击查看生成UUID

另外可能会涉及到 VUE 循环设置 ref 并获取 的问题,可以参考:vue3 循环设置 ref 并获取

Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐