Vue循环数据增加横线（非表格）

原文链接：https://blog.csdn.net/weixin_45648000/article/details/115979785

目标：如下，要做到对一下权限的上下两行和中间都要增加分割线，显然是所有行增加底部线，并判断当前行是不是第一行，若是第一行增加一个css

示例代码
如下class均有bdbottom样式，并判断当前行的id是否为0，若为0则增加bdtop的css样式

html代码

<el-row :class="['bdbottom',i1===0?'bdtop':'','vcenter']" v-for="(item1,i1) in scope.row.children" :key="item1.id">
1
2
3
css样式

.bdtop{
border-top: 1px solid #eee;
}
.bdbottom{
border-bottom: 1px solid #eee;
}
.vcenter{
display: flex;
align-items: center;
}