话不多说直接上代码
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:page-sizes="paginations.page_sizes"
:page-size="paginations.page_size"
:layout="paginations.layout"
:total="paginations.total">
</el-pagination>
data(){
return{
paginations:{
page_index:1, //当前页
total:230, //总数
page_size:2, //一页显示多少
page_sizes:[2], //一页显示多少
layout:'total, sizes, prev, pager, next, jumper'
},
}
}
把这个拷贝进去 参数一看就懂了
handleCurrentChange(a){
//这个a代表当前第几页 发送请求的页数就加上它
}
handleSizeChange(page){
console.log(page)
//一夜显示多少跳 就是我的参数里 page_size 改变的时候会触发
},
效果图: