Vue.js Vue Dragable适用于整个组，但不适用于每个项目

下面的代码允许将

中的组拖动到ListFetchRouteA1

：

{{personame.Player.Person.first_name}

我试图允许拖动每个人名，而不是按组拖动，因此我将

：list=“toListFetchRouteA1”

更改为

：list=“teamfetch.Team\u player\u sessions”

（如下所示），但它引发了一个错误：无法读取未定义“的属性“Team\u player\u sessions”

{{personame.Player.Person.first_name}

---

它也不会拖动。是否有办法使

div v-for=“teamfetch.Team\u player\u sessions

可拖动

personname

？

由于

teamfetch

超出范围而发生错误。它在内部

v-for

上声明，但在外部元素中使用

您可以通过将人名包装在第二个

draggable

（假设您希望组本身和组内的人名可以拖动）中，使人名可以拖动：

{{personame.Player.Person.first_name}

newvue({
el:“#应用程序”，
数据：（）=>({
toListFetchRouteA1：[
{
id:1，
团队成员会议：[
{
id:100，
玩家：{
人:{
名字：“约翰”
}
}
}
]
},
{
id:2，
团队成员会议：[
{
id:200，
玩家：{
人:{
名字：“亚当”
}
}
},
{
身份证号码：201，
玩家：{
人:{
名字：“艾伦”
}
}
}
]
},
{
id:3，
团队成员会议：[
{
id:300，
玩家：{
人:{
名字：“戴夫”
}
}
},
{
id:301，
玩家：{
人:{
名字：“迪伦”
}
}
}
]
},
]
}),
})

.item{
背景：#eee；
保证金：2倍；
填充：10px；
}
.人{
背景：#ccc；
保证金：2倍；
}

{{personame.Player.Person.first_name}
{{toListFetchRouteA1}}