美文网首页
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