vue双层循环怎么绑定值？

Question

代码简化如下,v-model中怎么能绑定上list中对应的值？

      <div  v-for="(item,index) in list" :key="index">
         <div v-for="(item,index) in formItem" :key="index">
            <div v-if="item.controlClassName=='CtlTextEdit'">
               <el-input v-model="???"></el-input>
            </div>
            <div v-if="item.controlClassName=='CtlComboBoxEdit'">
               <el-select v-model="???">...<el-select>
            </div>
         </div>
      </div>
    
  data() {
    return {
      formItem: [
        {controlClassName："CtlTextEdit"},
        {controlClassName："composition"}
      ],
      rules: {},
      list: [
        {pcn: "",composition: ""},
        {pcn: "",composition: ""}
      ]
    };
  },

Answer 1

修改如下，你要是一起使用的话，变量名和key值不能重名，另外光看你简化的代码，循环里list的itemA根本没有用武之地，不知道是不是被简化了所以没写出来

      <div  v-for="(itemA,i) in list" :key="i">
         <div v-for="(itemB,j) in formItem" :key="j">
            <div v-if="itemB.controlClassName=='CtlTextEdit'">
               <el-input v-model="???"></el-input>
            </div>
            <div v-if="itemB.controlClassName=='CtlComboBoxEdit'">
               <el-select v-model="???">...<el-select>
            </div>
         </div>
      </div>
    
  data() {
    return {
      formItem: [
        {controlClassName："CtlTextEdit"},
        {controlClassName："composition"}
      ],
      rules: {},
      list: [
        {pcn: "",composition: ""},
        {pcn: "",composition: ""}
      ]
    };
  },