elementUI中分页器的使用_elementui分页器怎么调整

1.background：为分页按钮添加背景色  

2. current-page：为当前页

3.page-sizes：控制每页可以显示多少条数据，

4.page-size:每页的条数，对应上面 page-sizes 里面的条数

5.layout：total共多少条、sizes：控制每页显示数据、prev上一页、pager页码、next下一页、jumper跳转  的显示

6.total：总共多少条

7.size-change：每页显示条数改变时处理函数

8.current-change：当前页显示条数改变时处理函数

    <!-- 分页器 -->
    <el-row class="pagination">
      <el-col :span="24">
        <el-pagination :background="true" :current-page="currentPage" :page-sizes="[5, 10, 20, 30, 50]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange"> </el-pagination>
      </el-col>
    </el-row>

methods: {
    // 每页展示条数
    handleSizeChange(val) {
      this.pageSize = val
      // 再次请求数据
      this.getGoodsList()
    },
    // 当前页改变，处理函数
    handleCurrentChange(newPage) {
      this.currentPage = newPage
      // 再次请求数据
      this.getGoodsList()
    },
  },