element ui动态多列如何实现？

Question

element ui动态多列如何实现？就是根据参数动态分成N列，然后根据JSON遍历生成组件,如下图、但是列不是固定数量的

Answer 1

用flex布局就能实现，

 let arr = [
  ['1-1', '1-2'],
  ['2-1', '2-2']
]

<el-row type="flex" class="row-bg" v-for="items in arr">
   <el-col v-for="item in items"  />
</el-row>

.el-col {
  flex: 1
}