学无先后,达者为师

网站首页 编程语言 正文

使用el-row和el-col实现快速布局

作者:AYBAIWAN 更新时间: 2023-08-16 编程语言

先确定有几列(确定有几个el-row),再去分配行(每个列中有几行,相当于该列中有几个el-col)

可以使用v-if-else来确定数据显示布局是谁,index表示索引,从0开始

d09fdbd22ce24f24990cf44f57f15c47.png

 具体数据写在return里,使用v-for遍历数据进行显示,下面是部分代码:

61ac00525bea4ecd8428e0de8ee6fdc2.png

 这样写,可以更方便实现复杂的表格显示,而且代码会减少许多。下面是部分显示结果:

b5d93f91ee924bf4b70b9778055d2e3c.png

 

 

原文链接:https://blog.csdn.net/aybaiwan/article/details/131621782

  • 上一篇:没有了
  • 下一篇:没有了
栏目分类
最近更新