动态 v-model 不能显示值？

【问题标题】：dynamic v-model can't show the value?动态 v-model 不能显示值？
【发布时间】：2021-11-30 15:45:35
【问题描述】：

数据

let design = {
   components:[
     {field:'a'},
     {field:'b'},
     {field:'c}
  ]
};

let data = {
    a:1,
    b:2,
    c:3
}

在 Vue 中

<div v-for((item,index) in design.components)>
  
 <input v-model="data[item.field]" />
</div>

当我使用上面写的这个时，无法显示值。但是如果我使用下面的文字，它可以显示价值

<div v-for((item,index) in design.components)>
  
 <input v-model="data[design.components[index].field]" />
</div>

怎么会这样？有人帮忙，求帮忙！

【问题讨论】：

【解决方案1】：

您好，您的语法正确吗？ v-for 应该是这样的 <li v-for="(item, index) in design.components">

根据文档

你的 Vue {field:'c} 也有错字，应该是 {field:'c'}

编辑： 这里是https://jsfiddle.net/v4oxzft7/

【讨论】：