如何使用Vue.Dragable使1个面板内的项目不排序

Question

在我的@vue/cli 4.0.5/vuedraggable 2.24.1中，我用可以拖动的元素制作了两个面板从一个面板到另一个面板，但未在1个面板内排序。

在此处阅读文档https://github.com/SortableJS/Vue.Draggable我看到的例子：

<draggable
v-model="list"
handle=".handle"
:group="{ name: 'people', pull: 'clone', put: false }"
ghost-class="ghost"
:sort="false"
@change="log"
>
<!-- -->
</draggable>

我期望定义：排序属性和

dragOptions() {
return {
animation: 0,
group: "description",
disabled: !this.enable_tasks_dragging,
ghostClass: "ghost"
}
},

结果并不是我所期望的：项目可以从一个面板拖到另一个面板排序在1个面板内。如何使1个面板内的项目不排序？

谢谢！

Answer 1

在Github页面上有一个所有可排序选项的链接https://github.com/SortableJS/Vue.Draggable#all-可排序选项。你得到这个

导入到您的项目：

// Default SortableJS
import Sortable from "sortablejs";
import { Sortable, MultiDrag, Swap, OnSpill, AutoScroll } from "sortablejs";

所以我认为你只需要手动选择你想要的选项(import{...}(