直接上代码 我这里显示的是10条 可以根据自己的情况修改
<div class="module-right">
<div class="name">异常学生名单</div>
<div class="table-box">
<div class="label td">
<span>在校状态</span>
<span>姓名</span>
<span>院系</span>
<span>专业</span>
<span>班级</span>
</div>
// 这里height是走马灯部分的高度 默认300px interval是自动切换的时间间隔 element官网有
<el-carousel height="600px" :interval="10000" direction="vertical" :autoplay="true">
<el-carousel-item v-for=" k in Math.ceil(floorList.length / 10) " :key="k">
<div class="label" v-for="( item, index ) in floorList.slice((k - 1) * 10, k * 10) " :key="index">
<span>{{ item.floorName }}</span>
<span>{{ item.total }}</span>
<span>{{ item.reality }}</span>
<span>{{ item.leaveCount }}</span>
<span>{{ item.notCount }}</span>
</div>
</el-carousel-item>
</el-carousel>
</div>
</div>
export default {
data() {
return {
// 数据
floorList:[]
}
}
}