0

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

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

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

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

第一个列表 = datalist3 第二个列表 = teamByTime2

下面是我的代码JSFiddle

https://jsfiddle.net/ujjumaki/78vsbu3q/26/

4

1 回答 1

1

所有列表数组都需要具有相同的模型。否则，dataList3 和 Reservation_people 需要包含相同类型的对象。

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

这是一个工作示例：https ://codesandbox.io/s/admiring-ptolemy-1yg9w?file=/src/App.vue:1227-1245

于 2020-05-15T22:49:30.533 回答