vue项目使用elementUI插件，checkbox实现拖动调整顺序

在Vue项目中使用Element UI的el-checkbox组件实现拖动调整顺序，可以借助第三方库如vuedraggable来实现。vuedraggable基于Sortable.js，提供了方便的拖拽功能。

首先，安装vuedraggable：

npm install vuedraggable

然后，在Vue组件中使用它：

<template>
  <div>
    <draggable v-model="list" @start="drag=true" @end="drag=false">
      <div v-for="item in list" :key="item.id">
        <el-checkbox v-model="item.checked">{{ item.name }}</el-checkbox>
      </div>
    </draggable>
  </div>
</template>
 
<script>
import draggable from 'vuedraggable';
 
export default {
  components: {
    draggable
  },
  data() {
    return {
      list: [
        { id: 1, name: '选项A', checked: false },
        { id: 2, name: '选项B', checked: false },
        { id: 3, name: '选项C', checked: false },
        // ...更多选项
      ],
      drag: false
    };
  }
};
</script>

在上面的例子中，draggable组件包裹了一个循环生成的el-checkbox列表，v-model绑定了list数组，实现了列表项的拖动排序功能。

确保你的Element UI库已经正确安装并在Vue项目中引入。这样，你就可以使用el-checkbox组件并通过vuedraggable实现其拖动功能了。