Bootstrap

vue使用element ui分页 并发送请求

话不多说直接上代码

   <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   改变的时候会触发
 },

效果图:
在这里插入图片描述

**ps:我的这个有多少条是后端给我返回的 上面 total 参数也可以写死 **

;