直接上代码。
<el-form :model="formData" :rules="formRules" ref="submitForm" label-width="108px" size="small" :disabled="formData.isExpired === 1">
<el-form-item label="时段" >
<span>{{dayObj.periodStartTime}}~{{dayObj.periodEndTime}}</span>
</el-form-item>
<el-form-item label="场地" prop="venueList">
<el-select v-model="formData.venueList" multiple placeholder="请选择场地" >
<el-option
v-for="item in siteList"
:key="item.venueId"
:label="item.venueName"
:value="item.venueId">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="价格" >
<el-button type="primary" plain size="mini" @click="reset">重置</el-button>
<div>
<el-table :data="formData.priceList" ; font-size: 14px'> </el-form>
其实问题关键就在于如何给el-form-item动态绑定prop
:prop="'tableData.' + scope.$index + '.字段名'"