Описание тега vuedraggable

1 ответ

Vue Draggable - динамически менять компонент после перетаскивания

У меня есть две отдельные области перетаскивания, и когда я перетаскиваю компоненты из одной области в другую, как я могу динамически изменять состояние моего компонента на основе области, в которую он был перетащен? В настоящее время я отображаю ст…
21 май '19 в 18:38
0 ответов

Перетаскиваемая / сортируемая проблема с вложенностью (ошибка в onDragStart)

Я бы хотел перетащить ряд предметов, а также сами предметы, в один и тот же или в разные ряды. Это работает до тех пор, пока я не попытаюсь переместить последний элемент строки, что приведет к ошибке. jsfiddle: https://jsfiddle.net/lexixon/nf97erqx/…
1 ответ

Атрибут vuedraggable handle не работает

Я пытаюсь использовать vuedraggable внутри таблицы, но я не могу изменить порядок строк таблицы с желаемым дескриптором: код: https://codesandbox.io/s/kkpp3xry63 App.vue <template> <div id="app"> <RowComponent/> <Draggable v-mod…
25 мар '19 в 05:28
0 ответов

Vue-draggable: тащит, но не падает

Я пытаюсь получить вложенный перетаскиваемый список, работающий безрезультатно; компонент кажется реактивным (перетаскивание в порядке), но сбой не удастся. Я прочитал документ vue-draggable, но пока не вижу, как решить мою проблему. Вложенные списк…
29 мар '19 в 13:48
1 ответ

Как подключиться к событию перетаскивания SortableJS

Я пытаюсь подключиться к событию dragover/touchmove из библиотеки SortableJS (1.8.4). Элементы просто перетаскивают и меняют местами, но прослушивание этих событий не вызывает функцию обратного вызова, которую я им предоставил. Случай использования …
1 ответ

Как программно вызвать перетаскиваемое событие "move" одним кликом в Vue?

У меня есть набор карт, которые расположены вертикально и в настоящее время перетаскиваются. Когда вы перетаскиваете карту на другую, вы видите эту карту как полупрозрачную карту, парящую над целевой позицией, перед тем как отпустить, карты под пози…
03 апр '19 в 21:22
0 ответов

Обновить состояние после прохождения: переместить реквизит

В моем проекте я использую модуль vuedraggable для перетаскивания и модуля vuex-persistedstate. Он имеет 4 колонки с карточками и карты можно перетаскивать между колонками. Когда я добавляю или удаляю карту (карты), они добавляются / удаляются из ма…
11 апр '19 в 19:40
0 ответов

Перехватывает перед тем, как событие onAdd/onChange добавляет упавший элемент в список

У меня есть два списка (используя cue-draggable), один список источников и один список конфигурации (отсортированный). При перетаскивании элемента из списка источников в список конфигурации я хотел бы преобразовать данные перед их добавлением в спис…
16 апр '19 в 22:14
0 ответов

Использование noneFunctionalComponentMode в Vue.Draggable

У меня есть довольно сложная установка приложения VueJS, которая использует VueDraggable, визуализированный через функции Render. Я столкнулся с препятствиями из-за этого конкретного блока кода в vuedraggable.js и, учитывая отсутствие документации, …
21 апр '19 в 03:23
1 ответ

Vue-Draggable & Acts As List - Как обновить всю позицию списка?

В моем проекте у меня есть бэкэнд API Rails, где я использую гем act_as_list и интерфейс Vue, где я использую пакет Vue Draggable. Акт перетаскивания работает, и я вижу, что запрос PUT отправляется на мой сервер. Однако есть несколько странностей: С…
0 ответов

Есть ли способ вызвать перетаскиваемый программно для сортировки списка внутри него?

Я работаю над сортировкой списка элементов в зависимости от типа сортировки "DESC" или "ASC" для перетаскиваемой сортировки, а когда сортировка была завершена на стороне подачи, затем создаю триггер для добавления нового списка отсортированных элеме…
17 июн '19 в 15:44
2 ответа

Реализация Vue Draggable

Я пытаюсь реализовать Vue Draggable, и это почти кажется, работает, за исключением, когда я пытаюсь реализовать его на кнопке. Каждый раз, когда я пытаюсь переместить кнопку, появляется сообщение об ошибке. Вот пример: https://codepen.io/anon/pen/xo…
08 июл '19 в 23:32
1 ответ

NoneVue -draggable не может отключить

Я написал компонент, который является общим для всего моего приложения, в некоторых местах мне нужно перетаскивание / сортировка, а некоторые не хотят его там. Я передаю prop на мой компонент называется disableDraggable и на основании этого он долже…
0 ответов

Как показать всплывающее окно перед добавлением элемента в список в Vue.Draggable?

Я перетаскиваю элемент из списка в другой список для добавления или удаления. Я хочу открыть всплывающее окно перед добавлением перетаскиваемого элемента в список. Я использовал для этого событие @drop, но событие drop вызывается только после того, …
12 авг '19 в 10:21
0 ответов

Vue Draggable: обработка событий в зоне сброса

У меня есть два перетаскиваемых компонента, CompA и CompB ---------------------- | | | ----- ----- | | | A | | B | | | ----- ----- | | | ---------------------- CompA содержит фотографии и разрешено перетаскивать в CompBЯ хочу знать фото, которые сбр…
28 авг '19 в 10:05
2 ответа

Плавающий клон не отображается в Chrome, если перетаскиваемый элемент содержит компонент chartjs

Код и окно ссылки https://codesandbox.io/s/vue-template-qoo66 Пошаговый сценарий Я строю панель инструментов, где каждый перетаскиваемый фрагмент сетки содержит график. Графики построены с использованием chart.js. Хотя я могу изменить порядок листов…
1 ответ

Vuetify с помощью VueDraggable: v-img не загружается должным образом

Я пытаюсь использовать vueDraggable с vuetify, чтобы создать фотогалерею, которая позволила изменить порядок. Без Draggable, v-img загружает изображение правильно.Хотя после добавления перетаскиваемого изображения изображения загружаться не будут.Чт…
10 июл '19 в 10:07
0 ответов

Как получить vue-draggable для работы с несколькими вложенными компонентами?

Я строю сайт-конструктор, используя vue.js. У меня есть эти компоненты: Раздел Ряд Компонент (например, текст / IMG / и т. Д.) Одна страница будет иметь несколько разделов, один раздел будет иметь несколько строк, а одна строка будет иметь несколько…
0 ответов

Vue Draggable не работает в производстве

Я использую Vue Draggable это работает на локальном, но не на сервере. У меня есть 4 перетаскиваемых компонента, которые работают как группа из 2, активные и неактивные, как это <draggable class="droppable-area" v-model="internal.fields" :class="…
18 июн '19 в 18:50
1 ответ

VueDraggable: разрешить только клонирование

Используя это в качестве примера https://sortablejs.github.io/Vue.Draggable/ Представьте, что это торговый сайт и"Draggable 1" - это предметы, доступные в магазинеи "Draggable 2" - корзина покупок пользователя. Пользователь должен иметь возможность …
09 июл '19 в 09:05