美文网首页
ivew 动态新增 input v-model绑定

ivew 动态新增 input v-model绑定

作者: 沐深 | 来源:发表于2021-01-03 20:41 被阅读0次

    有这样的需求如下图:
    1.下拉选择select 选择,
    2.新增一组 input提交选项

    image.png

    新增input代码如下(只罗列了前两项):

     <!-- 新增园区 -->
    <div v-for="(item, index) in formData.areaList" v-if='formData.areaList.length >=1'>
              <div class="form-line">
                <FormItem label="联系人" >
                  <Input v-model="item.contactor" placeholder="请输入联系人" clearable :style="{width: '100%'}">
                  </Input>
                </FormItem>
                <FormItem label="联系电话" >
                  <Input v-model="item.contactTel" placeholder="请输入联系电话" clearable :style="{width: '100%'}">
                  </Input>
                </FormItem>
              </div>
    </div>
    

    v-model

    v-model ="item.contactor"
    
    总结 :item. + key

    相关文章

      网友评论

          本文标题:ivew 动态新增 input v-model绑定

          本文链接:https://www.haomeiwen.com/subject/xospoktx.html