elementUI如何动态增减表单项
设置prop的字段::prop="
configs.${i}.platform"
<template><el-dialogtitle="编辑配置":close-on-click-modal="false":before-close="beforeClose":visible.sync="visible"v-if="visible"class="abow_dialog"><el-form:model="dataForm":rules="dataRule"ref="dataForm"@keyup.enter.native="dataFormSubmit()"label-width="140px"><el-form-item label="医院名称" prop="hospname"><el-inputv-model="dataForm.hospname"placeholder="输入医院名称"disabled></el-input></el-form-item><el-form-item label="互联网医院名称" prop="internetHospname"><el-inputv-model="dataForm.internetHospname"placeholder="输入互联网医院名称"></el-input></el-form-item><el-form-item label="数据来源" prop="internetBuilder"><el-selectv-model="dataForm.internetBuilder"placeholder="请选择数据来源"><el-option label="纳里" value="1"></el-option><el-option label="院方" value="2"></el-option><el-option label="自建" value="3"></el-option></el-select></el-form-item><div v-for="(item, i) in dataForm.configs" :key="i" class="area1"><!-- <div>序列{{ i + 1 }}</div> --><el-form-itemlabel="发布平台":prop="`configs.${i}.platform`":rules="{required: true,message: '发布平台不能为空',trigger: 'blur',}"><el-selectv-model="item.platform"placeholder="请选择发布平台"><el-optionv-for="itemC in channelList":key="itemC.typeKey":label="itemC.typeValue":value="itemC.typeKey"></el-option></el-select><!-- 增加 --><el-buttontype="primary"icon="el-icon-plus"size="small"v-show="i == 0"@click="addGLSetting"class="addDelBtn"></el-button><el-button@click="deleteGLSetting(item, i)"type="danger"size="small"icon="el-icon-minus"v-show="i == 0"></el-button><!-- 删除 --><el-button@click="deleteGLSetting(item, i)"type="danger"size="small"icon="el-icon-minus"class="addDelBtn"v-show="i != 0"></el-button></el-form-item><el-form-item label="应用类别" :prop="`configs.${i}.jumpType`"><el-select v-model="item.jumpType" placeholder="请选择"><el-optionv-for="item1 in appTypeList":key="item1.typeKey":label="item1.typeValue":value="item1.typeKey"></el-option></el-select></el-form-item><el-form-itemlabel="小程序appId":prop="`configs.${i}.jumpMiniId`"v-if="item.jumpType === '3'"><el-inputv-model="item.jumpMiniId"placeholder="输入小程序appId"></el-input></el-form-item><el-form-item label="跳转地址" :prop="`configs.${i}.jumpH5Url`"><el-inputv-model="item.jumpH5Url"placeholder="输入跳转地址"></el-input></el-form-item><el-form-item label="排序" :prop="`configs.${i}.sort`"><el-input v-model.number="item.sort"></el-input></el-form-item><el-form-item label="状态" :prop="`configs.${i}.status`"><el-selectv-model="item.status"placeholder="请选择是否有效"clearable><el-optionv-for="item2 in effective":key="item2.typeKey":label="item2.typeValue":value="item2.typeKey"></el-option></el-select></el-form-item></div><el-form-item><el-button @click="handleClose">取消</el-button><el-button type="primary" @click="dataFormSubmit()">保存</el-button></el-form-item></el-form></el-dialog>
</template>