Vue 拖动一个玩家名字，拖动整个列表

Vue on drag one player name , drags the whole list

我正在使用 vue-draggable 并尝试拖动玩家名称。它包含两个 draggabale 列表，它可以将项目从一个拖到另一个。

从 第一个列表 当我拖动项目时，它只拖动一个玩家名字 这是正确的。

但是当我从 第二个列表 中拖动项目时，它会作为一个整体进行拖动。如果第二个列表包含两个玩家名称 San 和 Kim。当我拖动 Kim 时，它会同时拖动 San。有没有办法让第二个列表 teamByTime2 一次只拖一个名字，就像第一个列表 dataList3 一样？

我也在 JSFiddle 代码上上传了数组对象。这就是我的数组查找第一项和第二项列表的方式。

下面是我在 JSFiddle

上的代码

所有列表数组需要具有相同的模型。换句话说，dataList3 和 Reservation_people 需要包含相同种类的对象。

如果它与您从 API 收到的不一样，那么您必须在提取之后和保存之前转换数据模型。