如何用Vue和vuedraggable实现长尾词列表的拖拽排序功能？

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

今天有个朋友说要做个效果：Vue实现拖拽排序，要有checked，输出结果是排序后的，要全选，未选中的不能拖动。其实我之前基于Sortable做过类似的效果。也给他看过，没看太明白。

今天有个朋友说要做个效果：Vue实现拖拽排序，要有 checked，输出结果是排序后的，要全选，未选中的不能拖动。

其实我之前基于 Sortable 做过一个类似的效果。也给他看过了，没看太明白，他就自己基于 vuedraggable 实现了一下。

正好有点问题给他解决了一下。废话不多说，先上最终效果：Vue 拖拽排序效果 测试地址。下面就是最终效果图。

效果一：实现选中 和 全选效果

就下面这样，elementUI 官方 Demo。很简单毫无挑战呀。