Vue elementui组件分页

template：

 
      
      


  
    
    
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

data：

currentPage: 1, //初始页
pagesize: 2, //    每页的数据
1
2

methods：

// 初始页currentPage、初始每页数据数pagesize和数据data
 handleSizeChange(size) {
     console.log(size,'size');
     this.pagesize = size;
    console.log(this.pagesize); //每页下拉显示数据
 },
 handleCurrentChange (currentPage) {
     console.log(currentPage,'currentPage');
     this.currentPage = currentPage;
     console.log(this.currentPage); //点击第几页
 },
1
2
3
4
5
6
7
8
9
10
11