Element-ui分页的坑点

先来认识一下分页组件:

<template>
  <div>
    <el-pagination
      background                                        // 开启分页背景颜色
      :current-page="currentPage4"                      // 当前页数
      :page-sizes="[100, 200, 300, 400]"                // 选择每页显示的条数
      :page-size="100"                                  // 每页显示的条数
      layout="total, sizes, prev, pager, next, jumper"  // 分页的各个组件显示
      :total="400"                                      // 总条数
      @size-change="handleSizeChange"                   // page-size 改变时触发的函数
      @current-change="handleCurrentChange"             // current-page 改变时触发的函数
    />
  </div>
</template>
 <script>
  export default {
     data() {
      return {
        currentPage4: 4
      }
    },
    methods: {
      handleSizeChange(val) {
        console.log(`每页 ${val}