vue使用ElementUI el-pagination实现分页

<el-pagination
        background
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="filter.page"
        :page-sizes="[10, 15, 30, 50, 100, 200]"
        :page-size.sync="filter.size"
        layout="total, sizes, prev, pager, next, jumper"
        :total="aptotalNum"
        class="table-pagination"
      >
</el-pagination>

export default {
  components: {
    CreateUpdate,
  },
  props: {
    formId: {
      type: Number,
      default: 0,
    },
  },
  data() {
    return {
      tableData: [],
      filter: {
        query: "",
        page: 1,
        size: 10
      },
      aptotalNum: 0,
    };
  },
  methods: {
    handleSizeChange(size) {
      this.filter.size = size;
      this.getList();
    },
    handleCurrentChange(page) {
      this.filter.page = page;
      this.getList();//每次修改页面条数或页数都应执行回调表格数据接口
    },

重点：在表格中删除数据时，如果恰巧删除的是第11/21条，且现在设置的每页条数为10条，表格将不显示数据，因为后端只返回当前页数据，这时需要前端进行动态判断

if (
  (this.aptotalNum - deleteIds.length + 1) %
     this.filter.size ===
   1
 ) {
   this.filter.page = this.filter.page - 1;
 }

判断语句应写在删除方法中，当删除成功后进行二次判断是否需要执行page-1