Ant Design of Vue Carousel 实现分页

Ant Design of Vue Carousel 实现分页

data(){
	list : [],// 你需要分页的数据
}


<template>
  <a-carousel>
    <div v-for="page in Math.ceil(list.length/10)">
    	<div v-for="item in zlogList.slice((aaa - 1) * zlogpagesize, aaa * zlogpagesize)">
    		<h3>{{item.name}}</h3>
   		</div>
   	</div>
  </a-carousel>
</template>

Math.ceil(list.length/10)得到共有几页

v-for=“item in list.slice((page- 1) * 10, page* 10)”
第一个v-for循环的是页数
第二个根据页数来计算
通过slice（）得到当前页数的数据