ElementUI分页使用

plugin/element.js文件中：

import Vue from 'vue'
import {
   Pagination
}
Vue.use(Pagination)

Vue模板文件中：

<el-pagination @size-change="handleSizeChange" 
@current-change="handleCurrentChange" 
:current-page="queryInfo.pagenum" 
:page-sizes="[1, 2, 5, 10]" 
:page-size="queryInfo.pagesize" 
layout="total, sizes, prev, pager, next, jumper" 
:total="total">
</el-pagination>

解释：
@size-change：每页显示条数改变触发事件
@current-change：当前选定的页码数改变触发事件
:current-page：绑定当前的页码数
:page-sizes="[1, 2, 5, 10]" ：选择每页显示条数
:page-size：绑定每页显示条数
layout="total, sizes, prev, pager, next, jumper" ：选择功能模块
:total="total"：绑定总条数