关于el-steps循环后横向变纵向问题

今天简单使用了下el-steps,本来用静态数据，轴线图能横向展示，怎么换成动态数据循环，就变成了纵向了，而官方文档中横向变纵向

direction

显示方向

string

vertical/horizontal

horizontal

：

<el-steps align-center :active="activeNum" finish-status="success" v-for="item in stageStepList" :key="item.id">
                    <el-step>
                      <span slot="title" >
                        <span v-if="item.pending" style="color: #C03639">{{item.title}}</span>
                        <span v-else>{{item.title}}</span>
                      </span>
                    </el-step>
                  </el-steps>

后来想了半天才知道了，这个v-for应该放在el-step上，而不是el-steps上，在ul列表里，放在ul上或者li上都可以，效果一样，但实际上也有着本质区别，所以这里才会有问题。