使用elementui中el-Carousel 走马灯写出分页轮播效果

如图,此处列举热门排行前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条,第二次遍历渲染内容,效果如下图（假数据,但是效果实现了)