想了好久才想明白分页的问题,不过现在还有问题,就是在v-for 循环的时候分页的,数据一次都请求过来了!!
上代码 核心代码就是一句vue:
data () { return { currentPage1: 1, total: 0, pageSize: 6, data: [] } methods: { handleSizeChange (val) { // this.pageSize = val console.log(`每页 ${val} 条`); }, handleCurrentChange (val) { this.currentPage1 = val; console.log(`当前页: ${val}`); }
主要是从后台请求回来数据是一个数组,用slice按照当前页面x每页的数量得把返回的数据进行分割。
就可以在页面展示了。当然这不是一个好方法,好方法应该是点击页数发送ajax请求呀。我还没想起来怎么写,我后台就一个data数组应该怎么拆分呢。吼吼吼。