vue.js - Vue：嵌套 v-for-loop 中的 v-model

Question

我被嵌套的 for 循环和其中的 v-model 困住了。我在第一个 for 循环 (row.amount) 中更新数据没有问题，但是当我在一行中更改 John 的输入 member.share 时，John 的所有共享都更新了吗？

我的组件：

<div v-for="row in rows">
   …
   <input type="text" v-model="row.amount" />
   <div v-for="member in row.teams">
      <input type="text" v-model="member.share" />
   </div>
</div>

这是数据：

rows: [
{
    amount: 100,
    team: [
        {
            name: John,
            share: 0
        },
        {
            name: Jane,
            share: 0
        }
    ] 
},
{
    amount: 299,
    team: [
        {
            name: John,
            share: 0
        },
        {
            name: Jane,
            share: 0
        }
    ] 
}
]

Answer 1

也许它与一个错字有关：

您正在循环，member in row.teams但s提供的 json 中没有。尝试将循环替换为member in row.team.