Vue:嵌套v-for-loop中的v-model

时间:2018-01-03 15:49:04

标签: vue.js vue-component v-for v-model

我遇到了嵌套的for循环和内部的v模型。我在第一个for-loop(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
        }
    ] 
}
]

1 个答案:

答案 0 :(得分:1)

也许这与拼写错误有关:

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