0

在我的@vue/cli 4.0.5 / vuedraggable 2.24.1 中，我制作了 2 个面板，其中的元素可以从一个面板拖动到另一个面板，但不能在 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>

我希望定义 :sort 属性和

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

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

谢谢！

4

1 回答 1

0

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

导入您的项目：

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

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

于 2020-10-15T06:39:02.687 回答