Vue和"vuedraggable"，更新子组件中的数据？

Question

我有一个列表是可拖的，我使用那里的"vuedraggable“组件。

在这个列表中，我有3个子组件。

一个输入和两个选择框，我有@change来更新信息。

如果我做了“任务”的顺序，它完美地工作，我发送到后端正确的数据，但在前端的子组件是数据没有更新。在选择框和输入框中，我看到相同位置的数据。

我的vuejs例子：

<draggable v-model="tasks" draggable=".task">
    <div v-for="task in tasks" class="task">
        
        <task-title-update :task="task"></task-title-update>
        <task-assignee :task="task"></task-assignee>
        <task-priority :task="task"></task-priority>
    </div>
</draggable>

是否有可能保留此子组件并正确更新数据？

​

​

Answer 1

您需要使用vue-draggable提供的事件之一侦听事件，尝试使用@end或@start，然后可以将来自@change的逻辑放入这些事件中。