<el-pagination layout="total, prev, pager, next" background :total="total" :current-page.sync="pageNo" @current-change="handleCurrentChange($event,2)"></el-pagination>

data(){
	return{
		total : 0,
		pageNo : 1,
		pageSize : 10
	}
},
method(){
	handleCurrentChange(val,type){// val为回调参数：current-page值，type为自定义参数
		this.pageNo = val;
		...请求数据
	}
}

常用属性

• layout：需要显示的内容，用逗号分隔，布局元素会按顺序依次显示
  • prev ：上一页
  • pager：页码列表
  • next：下一页
  • total：总条目数
• background：为分页按钮添加背景色（boolean 默认false）
• total：数据总数
• current-page.sync：当前页数（该页码显示为选中状态）

常用事件

current-change：currentPage 改变时会触发