H5W3
当前位置:H5W3 > 其他技术问题 > 正文

vue表单里的输入框是循环出来的,如何绑定v-model的值?

我现在有个表单提交,输入框是循环出来的:
保存提交的时候获取v-model=”formRecord.assayItemValue”里的值是相同的,该怎么办?并且我要拿到每个有值的表单对应的信息

<Col span="12" v-for="item in unitList">
              <Col span="18">
                <FormItem :label="item.enName">
                  <Input placeholder="请输入" v-model="formRecord.assayItemValue"></Input>
                </FormItem>
              </Col>
              <Col span="6" style="padding: 0;">{{item.unit}}</Col>
            </Col>

clipboard.png

回答:

image.png
我刚才也遇到这个问题,input和radio类似,v-model写成v-model=”responed[index]”,responed为存储结果的数组,index为上一层for循环的index,for循环写成v-for=”(itemC,index) in item.content” :key=”itemC.id”

回答:

直接v-model=”item.value”这样就行,然后再unitList 用for循环取出每个value

回答:

v-model=”formRecord.assayItemValue”这样写都绑在同一个上了 做个区分,都绑定在同一个当然相同的数据了。

回答:

你绑定的是同一个变量肯定是一样的值啊,,每个input绑定不同的变量

回答:

data(){

return {
    formRecord_assayItemValue:{}
}

}
v-model = “formRecord_assayItemValue[index]”

回答:

<Col span=”12″ v-for=”item in unitList”>
<Col span=”18″>

<FormItem :label="item.enName">
  <Input placeholder="请输入" v-model="**item.dataValue**"></Input>
</FormItem>

</Col>
<Col span=”6″ style=”padding: 0;”>{{item.unit}}</Col>
</Col>

我之前遇到过,我把input的值存在每个Item中,然后再去取~

回答:

如果unitList是从后台获取的,那么弄个计算属性如下,
v-for的时候换成这个,v-model=”formRecord.value”

computed:{
 unitListWithValue(){
  var temp = []
  this.unitList.forEach(v=>{
   v.value = ''
   temp.push(v)
  })
  return temp
 }
}

如果是你定义在 data 里面写死的,那就每个元素加个value的属性,循环的时候各自绑定就好啦

本文地址:H5W3 » vue表单里的输入框是循环出来的,如何绑定v-model的值?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址