vue+element实现form表格动态添加内容

我的需求是在form表格中，动态添加表格的prop和表格的长度
代码如下：

 <div class="moreRulesIn" v-for="(item, index) in changeForms.obj" :key="index">
              <el-form-item class="rules" :label="item.type" :prop="item.value" >
                <el-select v-model="item.value" style="width:70%" size="mini" filterable>
                      <el-option
                        v-for="item in item.list"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                      ></el-option>
                    </el-select>
              </el-form-item>
            </div>

初始化为

changeForm: {
        obj: []
      },

使用时，往obj中push

this.changeForm.obj.push({type: 'MTM：', value: '', list: this.motypeList})

如图

我这里需求是下拉选择，每个type对应不同的下拉选择的内容，上面的规则可能有多个，所以我是放在一个for循环这样操作，因为的添加的条目可能是不一样的。