Vue.js 如何使用Vue.Draggable make在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

在my@vue/cli 4.0.5/vuedraggable 2.24.1中,我制作了两个面板,其中包含可以拖动的元素 从一个面板到另一个面板,但不在一个面板内排序

在这里阅读文档 我看到一个例子:

<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";