1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
| <template>
| <el-pagination
| background
| :current-page="pageData.current"
| :page-size="pageData.pageSize"
| :page-sizes="[5,10,20,30,40,50]"
| layout="total, sizes, prev, pager, next, jumper"
| :total="total"
| @size-change="handlerPageSize"
| @current-change="handlerCurrentPage"
| >
| </el-pagination>
| </template>
|
| <script>
| export default {
| name: "Pagination",
| props:{
| pageData:Object,
| total:Number
| },
| methods:{
| handlerPageSize(pageSize){
| this.pageData.pageSize=pageSize;
| },
| handlerCurrentPage(current){
| this.pageData.current=current;
| }
| }
| }
| </script>
|
| <style scoped>
|
| </style>
|
|
