使用element ui分页组件筛选后页码总数不变？

Question

后端传过来的数据过多打算写个分页，然后加了筛选过滤器，结果筛选后页码总数不变，当前页如果没有符合条件的就为空。是哪里缺少什么了吗 具体代码如下

分页组件

    <el-pagination
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page="currentPage"
      :page-sizes="[5, 10, 20, 40]"
      :page-size="pagesize"
      layout="total, sizes, prev, pager, next, jumper"
      :total="tableData.length"
    >
    </el-pagination>

对应的事件

  handleSizeChange: function(size) {
      this.pagesize = size
      
    },
    handleCurrentChange: function(currentPage) {
      this.currentPage = currentPage
     
    },

筛选的列

 <el-table-column
        prop="sub"
        label="科目"
        width="100"
        :filters="subtag"
        :filter-method="filterTag"
        filter-placement="bottom-end"
      >
        <template slot-scope="scope">
          <el-tag
            
            disable-transitions
            >{{ scope.row.sub }}</el-tag
          >
        </template>
      </el-table-column>

筛选的方法

 filterTag(value, row) {
      return row.sub === value
    },

Answer 1

elementUI 的 table 好像没有前端分页的功能吧。

Pagination 也只是独立的计算页数的一个组件。

所以你如果要前端分页，你得做个功能，完成这些东西。然后Table和Pagination只是辅助显示的。