Vuedraggable / SortableJS 能够将元素移入和移出组

Question

我正在使用 Vuedraggable (Sortable JS) 来尝试完成项目的分组。项目本身不应该有子项（正如 Sortable JS 的演示所使用的那样），而是应该分组在父“组”类型对象中。我在阻止组被拖入其他组时遇到问题，因为在第一级，组对象和表单对象都在同一个“可排序组”中。

1. 在同一个一级Form下有Form Objects和Group Objects
2. 对象和组对象应该可以在第一级表单中排序
3. 对象应该可以拖入和拖出组
4. 不能将组拖到其他组中

#4 是当前问题。目前可以将一个组拖到另一个组中。做起来不容易……如果你先把一个对象从一个组拖到另一个组，这似乎更容易随后抓住第一个组并将其拖到第二组。

这是一个说明问题的代码框： https://codesandbox.io/s/vuedraggable-nested-simplified-wc-tr6mx?file=/src/components/NestedDraggable.vue

Answer 1

看起来答案是在group 的pull/put 配置中使用function

工作CodeSandbox

参考资料：
https://github.com/SortableJS/Vue.Draggable#props
https://github.com/SortableJS/Sortable#options