vue+ElementUI分页

效果图

废话不多说直接上代码
table数据：

:data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)" //最重要的

data()数据

currentPage: 1, // 当前页码
            total: 20, // 总条数
            pageSize: 10, // 每页的数据条数

分页组件
```xml
<el-pagination align='center' 
      @size-change="handleSizeChange" 
      @current-change="handleCurrentChange" 
      :current-page="currentPage" :page-sizes="[1,5,10,20]" 
      :page-size="pageSize" 
      layout="total, sizes, prev, pager, next, jumper" 
      :total="tableData.length">
            </el-pagination>

methods:

handleSizeChange(val) {
            console.log(`每页 ${val} 条`);
            this.currentPage = 1;
            this.pageSize = val;
        },
        handleCurrentChange(val) {
            console.log(`当前页: ${val}`);
            this.currentPage = val;
        }