vue之v-for的使用 ——v-for出来的多个input如何实现双向绑定（vue循环input组件，动态绑定v-model）

vue中v-for出来的input如何实现双向绑定vue v-for通过index动态绑定input输入框的数据vue循环input组件，动态绑定v-model添加链接描述<div span="24" v-for="(item,index) in iptList"><FormItem :label="item.label"><In...

juvenile_

8230人浏览 · 2020-03-28 11:52:27

juvenile_ · 2020-03-28 11:52:27 发布

<div span="24" v-for="(item,index) in iptList">
    <FormItem :label="item.label">
        <Input placeholder="请输入" v-model="item.key" :disabled="false"></Input>
    </FormItem>
</div>

data:
iptList:[
   {label:'位1',key:''},
   {label:'位2',key:''},
   {label:'位3',key:''},
   {label:'位4',key:''}
]
//你填写的数据都会绑定在iptList里面，只要把iptList传给后端即可

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^