|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <div class="table-pagination"> | 
|---|
|  |  |  | <el-pagination | 
|---|
|  |  |  | :current-page="pagination.pageIndex || pagination.page" | 
|---|
|  |  |  | :page-sizes="pagination.pageSizes||[10, 20, 30, 40]" | 
|---|
|  |  |  | :current-page="pagination.pageIndex" | 
|---|
|  |  |  | :page-sizes="[10, 20, 30, 40]" | 
|---|
|  |  |  | :page-size="pagination.pageSize" | 
|---|
|  |  |  | layout="total, sizes, prev, pager, next, jumper" | 
|---|
|  |  |  | :total="pagination.total" | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | /** | 
|---|
|  |  |  | * 页容量变更 | 
|---|
|  |  |  | * | 
|---|
|  |  |  | * @param value 新页容量 | 
|---|
|  |  |  | */ | 
|---|
|  |  |  | sizeChange (value) { | 
|---|
|  |  |  | this.$emit('size-change', value) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | /** | 
|---|
|  |  |  | * 页码变更 | 
|---|
|  |  |  | * | 
|---|
|  |  |  | * @param value 新页码 | 
|---|
|  |  |  | */ | 
|---|
|  |  |  | currentChange (value) { | 
|---|
|  |  |  | this.$emit('current-change', value) | 
|---|
|  |  |  | } | 
|---|