使用v-for 循环渲染表单

Question

使用v-for 循环渲染表单，但是由于不同的item中的表单数不一样导致，在前面的表单被渲染到后面了，怎么样才能做到按顺序渲染表单呢？
`

<div class="titleDiv">
    <el-row v-for="item in formDataList" :key="item.$index">
      <!-- 标题 -->
      <div class="topTitle" v-if="item.title">
        <div class="title" v-text="item.title"></div>
        <div class="triangle"></div>
      </div>
      <!-- 表单 -->
      <createDataForm ref="indexForm"
                      labelWidth="188px"
                      :readonly="diallogType==='v'"
                      :dataList="item.columns"
                      @SubmitFormCallback="handleSave"
                      @changeSelect="hanleChange">
      </createDataForm>
    </el-row>
  </div>

`

Answer 1

formDataList

是数组？数组是有序的，sort一下就可以。

或者说你可以定义一个有序的数组，然后遍历这个数组即可。