想了好久才想明白分页的问题,不过现在还有问题,就是在v-for 循环的时候分页的,数据一次都请求过来了!!上代码 核心代码就是一句vue: <div v-for="(item, index) in data.slice((currentPage1-1) * (pageSize), currentPage1*pageSize)" :key=“index” class=“wrap-inner”> <el-pagination background layout=“prev, pager, next, jumper " :total=“total” :current-Page =‘currentPage1’ :page-size=“pageSize” @size-change=“handleSizeChange” @current-change=“handleCurrentChange”> </el-pagination> 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数组应该怎么拆分呢。吼吼吼。