(1)vue页面:
<div >
<Page
:current="pageNo"
:total="dataCount"
:page-size="pageSize"
show-total
show-elevator
show-sizer
@on-page-size-change="changePageSize"
@on-change="changePage"
/>
</div>
(2)js页面
1)在data里面定义dataCount,pageNo,pageSize
dataCount: 0,//初始化信息总条数
pageNo: 1,//当前页码
pageSize: 15, // 每页显示多少条
2)methods方法里面写着:
changePageSize(value) {
this.pageSize = value
this.loadFilelist()
},
changePage(index) {
this.pageNo = index
this.loadFilelist()
}
3)接口处写:
pageNo: this.pageNo,
pageSize: this.pageSize,
返回数据处写: this.dataCount = res.data.data