как использовать функцию автопрокрутки vue-draggable - PullRequest
Новая
       102

как использовать функцию автопрокрутки vue-draggable

0 голосов
/ 22 октября 2019

Я пытаюсь использовать vue-draggable (https://github.com/SortableJS/Vue.Draggable) для большого списка вложенных элементов (организационное дерево).

Поскольку данных много, пользователю потребуетсячтобы иметь возможность прокручивать при перетаскивании.

Говорят, что поддерживаются все параметры из sortable.js, но я не могу понять, как следует реализовать автопрокрутку. https://github.com/SortableJS/Sortable/tree/master/plugins/AutoScroll

Я попытался: 

    import draggable from "vuedraggable";
    import { Sortable, AutoScroll } from 'sortablejs';

    Sortable.mount(new AutoScroll());

и в шаблоне: 

    <draggable class="dragArea"
           tag="ul"
           :list="nodes"
           :group="{ name: 'g1' }"
           :scroll-sensitivity="250"
>
    <li class="drag rij" v-for="el in nodes" :key="el.id"
        {{ el.code }}
    </li>
</draggable>

Я получаю сообщение об ошибке: 

_sortablejs.AutoScroll is not a constructor
...