共计 718 个字符,预计需要花费 2 分钟才能阅读完成。
想了好久才想明白分页的问题,不过现在还有问题,就是在 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 数组应该怎么拆分呢。吼吼吼。