Vue.js 如何使用Vue.Draggable make在1个面板内不排序项目?
在my@vue/cli 4.0.5/vuedraggable 2.24.1中,我制作了两个面板,其中包含可以拖动的元素 从一个面板到另一个面板,但不在一个面板内排序 在这里阅读文档 我看到一个例子:Vue.js 如何使用Vue.Draggable make在1个面板内不排序项目?,vue.js,draggable,vuedraggable,Vue.js,Draggable,Vuedraggable,在my@vue/cli 4.0.5/vuedraggable 2.24.1中,我制作了两个面板,其中包含可以拖动的元素 从一个面板到另一个面板,但不在一个面板内排序 在这里阅读文档 我看到一个例子: <draggable v-model="list" handle=".handle" :group="{ name: 'people', pull: 'clone', put: false }&q
<draggable
v-model="list"
handle=".handle"
:group="{ name: 'people', pull: 'clone', put: false }"
ghost-class="ghost"
:sort="false"
@change="log"
>
<!-- -->
</draggable>
结果并非我所期望的:项目可以从一个面板拖到另一个面板,然后
在1个面板内排序。如何使1个面板内的项目不排序
谢谢 在Github页面上有一个链接,用于所有可排序选项。你得到这个吗 导入到您的项目中:
// Default SortableJS
import Sortable from "sortablejs";
import { Sortable, MultiDrag, Swap, OnSpill, AutoScroll } from "sortablejs";
因此,我认为您只需手动选择所需的选项(
import{…}
)我添加了带有选项的导入行。但如果我隐藏了大多数选项:从“sortablejs”导入{/*Sortable、MultiDrag、Swap、OnSpill、*/AutoScroll},我仍然在1个面板中进行排序。我必须把这些选项写在别的地方吗?
// Default SortableJS
import Sortable from "sortablejs";
import { Sortable, MultiDrag, Swap, OnSpill, AutoScroll } from "sortablejs";