Vue中如何实现vue-draggable插件跨列表拖拽功能？

本文共计1530个文字，预计阅读时间需要7分钟。

今天分享一个vue项目中在不同列表间拖拽设置选项的功能，这个功能在项目中也是遇到过的。先说下这个功能的要点（参考下图），有两个列表，左侧列表展示已选，右侧列表展示未选，通过拖拽实现选项的移动。


通过拖拽实现选项的移动，左侧列表展示已选，右侧列表展示未选。

今天分享一个vue项目中在不同列表拖拽设置选项的功能，这个功能也是在做项目中遇到的，先说下这个功能的要点(参考下图)，有2个列表，左侧列表展示已选，右侧列表展示未选，通过拖拽进行设置，已选的选项不能超过4个，超过的话自动将拖拽之前的最后一项清除到右侧，且如果从已选往未选里拖的时候，右侧显示垃圾桶的提示(如图)。