请问element的v-input组件的v-model 如何绑定多个值?

<el-col :span="8" v-for = "(item,index) in addFile" :key="index">
     <el-form-item :label="item+':'" >
          <el-input v-model="__?___" size="small"></el-input>
     </el-form-item>
</el-col>

图片描述

"addFileds":[
            {
                "annualAdvance":"年度预提",
                "unionDues":"工会会费",
                "socialSupplementaryInsurance":"社会补充保险",
                "endowmentInsurance":"养老保险",
                "unemploymentInsurance":"失业保险",
                "medicalInsurance":"医疗保险",
                "basiceLifeFee":"基本生活费",
                "medicalSubsidies":"医疗补贴",
                "welfare":"福利性",
                "highTemperatureAlpine":"高温/高寒",
                "projectAdvance":"项目预提",
                "enterpriseAnnuity":"企业年金",
                "mealSubsidies":"误餐补贴",
                "employmentInjuryInsurance":"工伤保险",
                "maternityInsurance":"生育保险",
                "trafficSubsidy":"交通补贴",
                "onlyChild":"独生子女",
                "postSalary":"岗位工资",
                "performanceAdvance":"业绩预提",
                "housingFund":"公积金",
                "communication":"通讯费"
            }
        ]

我想通过v-for遍历这个数据,然后让每个input框绑定不同的值,请问这里该如何写啊?
我这样写得到的是上述图片的效果,但是我不想让英文显示在输入框内,不知道v-model该如何写?请大神指教!

<el-form ref="form" :model="form" label-width="110px">
    <el-row style="line-height:40px" :gutter="20">
         <el-col :span="8" v-for = "(item,index) in addFile" :key="index">
               <el-form-item :label="item+':'" >
                   <el-input v-model="index" size="small" ></el-input>
               </el-form-item>
        </el-col>
    </el-row>
</el-form>
阅读 14.4k
2 个回答

我看了一下iview框架,那个可以动态生成表单,可能element不支持,所以想做成动态的估计要换框架了。如果其他人有能写出来的记得告诉我

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题