element ui动态多列如何实现？

• Z时代
• 2024-02-07
• 分类：IT

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

回答：

用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
}

以上是 element ui动态多列如何实现？ 的全部内容， 来源链接： utcz.com/p/932846.html