vue动态添加表单项

1.

                        <div v-for="(item, index) in ruleForm.group" :key="'info-' + index" class="bgc">
                            <div class="fenFlex sellPr">
                                <el-form-item label="配送地区"></el-form-item>
                                <el-form-item>
                                    <span v-for="(item, index) in ruleForm.group[index].areaValueFee" :key="index" class="bgColor">
                                        <span style="cursor:pointer" @click="buyClick(index,item)">{
  {item.short_name}}</span>
                                    </span>
                                    <div style="margin-top:20px;">
                                      <el-button type="primary" size="mini" @click="feePrice(index)">添加可配送区域</el-button>
                                    </div>
                                </el-form-item>
                                <el-form-item style="position:absolute;right:0px;">
                                    <el-button type="text" @click="removeDomain(item, index)">删除</el-button>
                                </el-form-item>
                            </div>
                            <div class="fenFlex">
                              <el-form-item label="配送运费"></el-form-item>
                              <el-form-item
                                    v-if="ruleForm.charge_flag === 0"
                                    label="首件"
                                    :prop="'group.' + index + '.first_weight'"
                                    :rules="[
                                      { required: true, message: '首件不能为空',