el-checkbox-group 拖拽排序

el-checkbox-group 是一个基于 Element UI 组件库的多选框组件，它并没有自带拖拽排序的功能。如果需要实现拖拽排序，可以考虑使用第三方的拖拽排序库，例如 vue-draggable。你可以将 el-checkbox-group 中的多选框使用 vue-draggable 进行包裹，实现拖拽排序的效果。具体实现方法可以参考 vue-draggable 的官方文档。

相关问题

<el-checkbox-group v-model="needRadio"> <el-checkbox label="1">需要转场</el-checkbox> <el-checkbox label="2">需要还箱</el-checkbox> </el-checkbox-group>为啥needRadio的值为[1]，但是需要转场没有勾选上

在 Element UI 中，`<el-checkbox-group>` 组件的 `v-model` 绑定的是一个数组，数组中的元素表示哪些多选框被选中了。而多选框的 `label` 属性则表示该多选框的值，当该多选框被选中时，该值会被加入 `v-model` 绑定的数组中。

因此，当 `needRadio` 的值为 `[1]` 时，说明 label 值为 1 的多选框被选中了，而 label 值为 2 的多选框没有被选中。这也就是为什么“需要转场”没有被勾选上的原因。

需要注意的是，`<el-checkbox-group>` 组件的 `v-model` 绑定的是一个数组，该数组中的元素顺序与多选框在界面中出现的顺序无关。只有多选框的 `label` 值与数组中的元素值相等时，该多选框才会被视为被选中。

<el-checkbox-group v-model="field_display_ui" @change="handleFieldDisplayChange"> <el-checkbox v-for="(field,value) in fields_dict" :value="field" :label="value" style="display: block;padding: 6px"> </el-checkbox> <el-checkbox label="选项一头" value="b" style="display: block;padding: 6px"></el-checkbox> </el-checkbox-group> 如何调用新增选择的值

你可以在 `handleFieldDisplayChange` 方法中使用 `filter()` 方法获取用户新选择的值，这些值是 `field_display_ui` 数组中存在，但不在 `fields_dict` 对象中的值。

在你的代码中，可以使用以下方法来获取用户新选择的值：

handleFieldDisplayChange() {
  // 获取用户新选择的值
  const newSelection = this.field_display_ui.filter(item => !this.fields_dict[item]);
  // 在这里使用 newSelection，对新选择的值进行操作
},

在这个代码块中，我们使用 `filter()` 方法获取用户新选择的值，这些值是 `field_display_ui` 数组中存在，但不在 `fields_dict` 对象中的值。然后，你可以在 `handleFieldDisplayChange()` 方法中使用 `newSelection` 变量来操作这些新选择的值。

请注意，如果用户没有选择任何新值，则 `newSelection` 变量将是空数组。