умопомрачительный | VueJS: событие @change возвращает только «удалено» вместо «добавлено» и «удалено» при удалении элемента в другую категорию - PullRequest
Новая
       64

умопомрачительный | VueJS: событие @change возвращает только «удалено» вместо «добавлено» и «удалено» при удалении элемента в другую категорию

0 голосов
/ 09 апреля 2020

** ОБНОВЛЕНИЕ: ** Я заметил, что перетаскиваемый элемент из one category не добавляет при перетаскивании before элемент another category. Тем не менее, он добавляет, когда я вставляю перетаскиваемый элемент after элемент another category.

У меня есть Dynami c <draggable>, рендеринг элементов и категорий работает нормально,

Категории результатов (Unassigned, To Do, In Progress, Done). Когда я перетаскиваю элементы из Unassigned в To Do, это работает. Однако когда я перетаскиваю элементы ИЗ (Unassigned или To Do) TO (In Progress или Done), событие @change возвращает только removed object вместо возвращая оба added and removed object.

код выглядит так ... Я тоже пробовал invertSwap, но не повезло
Есть идеи? (и кроме того, как мне получить объект целевой категории) 

> <div class="status_box_container mt-4" v-for="(status, index) in
> ticket_status_list" :key="index">
>         <div class="status_box_content">
>             <div class="status_box_header">
>                 <h2 class="status_box_header_name ml-1" dir="auto">{{status.name}}</h2>
>                 <div class="mt-2">
>                     <vs-card class="mb-3 ticket_card new_ticket_prompt" style="text-align:center">
>                         <span class="material-icons">
>                             add
>                         </span>
>                     </vs-card>
>                 </div>
>                 <div class="_draggable">
>                     <div v-for="(tickets, index2) in by_status_id_ticket_list" :key="index2">
>                         <draggable :list="tickets[status.id]" group="people" @change="_transferTickets" invertSwap>
>                             <vs-card class="mb-3 ticket_card" v-for="ticks in tickets[status.id]" :key="ticks.id">
>                                 <p>{{ticks.subject}}</p>
>                                 <p>{{moment(ticks.created_at).format('MMMM DD YYYY | hh:mm A')}}</p>
>                             </vs-card>
>                         </draggable>
>                     </div>
>                 </div>
>             </div>
>         </div>
>     </div>
...