vue使用vuedraggable实现拖拽效果（点击指定按钮拖拽）

点击红色区域实现列表排序，点击蓝色排序实现标签排序：

1）安装插件：

cnpm i -S vuedraggable

2）在页面中引入：

import draggable from "vuedraggable";
export default {
  components: {
    draggable,
  },
}

3）在页面中使用

<draggable
  v-model="list"
  animation="500"
  handle=".sortIcon"
  @change="(e) => sortLabel(e, 1)"
>
    <ul v-for="(item, index) in list" :key="index"></ul>
</draggable>

注：

1.draggable标签一定要放在循环外，其v-model指向的是你的循环体

2.指定某个按钮或是某个区域才能进行拖拽：handle属性指定可拖动元素的class名