vuedraggable嵌套块拖拽_Vue 基于 vuedraggable 实现选中、拖拽、排序效果

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

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

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

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

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

:indeterminate="isIndeterminate"

v-model="checkAll"

@change="handleCheckAllChange"

>全部

>

v-model="checkedCities"

@change="handleCheckedCitiesChange"

>

{ { city }}

效果二：实现拖拽效果

拖拽效果基于 vuedraggable 实现。

问题

这里我凭借我的资深经(踩)验(坑)，先提出几个可能存在的问题