第一,在data中定义当前页与每页数
curpage:1,//当前页
pagesize:8,//每页显示数
第二,获取数据源,即定义或者查询所需要的数据
listData:[]
第三,在computed对listData进行分页数据的处理
computed:{
afterChangeData() {
let start = (this.curpage - 1) * this.pagesize
let end = this.curpage * this.pagesize
return this.listData.slice(start, end);
}
}
第四,使用计算处理后的数据afterChangeData
<li v-for="(item,index) in afterChangeData" :key="index">
{{item}}
</li>