如图,此处列举热门排行前50名
<el-carousel indicator-position="none" :autoplay="false">
<el-carousel-item v-for="k in Math.ceil(contentList.length / 5)" :key="k">
<ul>
<li v-for="item in contentList.slice((k - 1) * 5, k * 5)" :key="item.id">{{item.name}}</li>
</ul>
</el-carousel-item>
</el-carousel>
比如此处,后台直接传给我50条数据,第一次遍历获取一共有分页数量,比如此处是一页显示5条,第二次遍历渲染内容,效果如下图(假数据,但是效果实现了)