Vuejs2 可来回拖动的真空室

Vuejs2 可来回拖动的真空室,vuejs2,vue-component,rubaxa-sortable,Vuejs2,Vue Component,Rubaxa Sortable,我有一个对象数组。每个对象都包含一个对象数组 例如: 我在循环中使用vue Dragable来渲染每个列表 <div v-for="(list, index) in wishlists"> <draggable v-model="list.items" :key="list._id" :options="{group:'wishes'}" class="dropZone" @change="checkMove"> </div> 我需要在每次行动后

我有一个对象数组。每个对象都包含一个对象数组

例如:

我在循环中使用vue Dragable来渲染每个列表

 <div v-for="(list, index) in wishlists">
     <draggable v-model="list.items" :key="list._id" :options="{group:'wishes'}" class="dropZone" @change="checkMove">
</div>
我需要在每次行动后触发一个帖子。我不想在每次事件发生时都将整个根愿望列表数组发送回服务器,因为那样做太愚蠢了!我只需要发布已更改的内容

通过@change事件,我看到我能够获得已移动的对象,以及它的旧索引位置(在旧列表中)和新索引位置(在新列表中)。但是,没有人告诉我关于这些名单的任何事情。我需要知道它来自哪个列表,它落在哪个列表上

有没有办法获得这些信息?如果我可以得到愿望列表的ID以及新索引和旧索引等,那么我可以将这些信息发布回服务器,并更新数据库

我玩过每一个项目,但它看起来不像任何一个,我没有提供任何关于列表的信息。


<draggable v-model="list.items" :key="list._id" :options="{group:'wishes'}" ... @end="checkMove">
@结束给我列表,从列表,旧索引,新索引。。。啊。。。我肯定我试过了。它没有给我项目-但我有索引,所以我只是用它来按索引引用

{added: {…}}
added:
element:
image: "foobar.jpg"
name: "Warlock"
quantity: 1
 ...
newIndex: 0
 ...
{removed: {…}}
removed: {element: {…}, oldIndex: 0}
 ...
{moved: {…}}
moved: {element: {…}, oldIndex: 1, newIndex: 0}
<draggable v-model="list.items" :key="list._id" :options="{group:'wishes'}" ... @end="checkMove">