关于假分页的情况 在后端没有返回 分页字段 而是把全部数据返回的情况下如何做分页功能

关于假分页的情况 在后端没有返回 分页字段 而是把全部数据返回的情况下如何做分页功能

问题描述:

img

还是如图想要这种效果 用饿了么ui不太好改 因为得加一个首页跟尾页


 <el-table
              :data="a"
              ref="aa"
              @selection-change="aaa"
              label-class-name="DisabledSelection"
              border
              :header-cell-style="{
                background: '#f5f5f5',
                'font-weight': 500,
                color: '#666',
                padding: '12 5px'
              }"
              style="width: 100%"
              key="table1"
              @select-all="selectAll"
            >
              <el-table-column type="selection" align="center">
              </el-table-column>
              <el-table-column prop="data.money" label="票金额" align="center">
              </el-table-column>
              <el-table-column prop="name" label="名字" align="center">
              </el-table-column>
            </el-table>
            {{ multipleSelection }}
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      a: [
        {
          name: '张三',
          data: {
            money: '10000000',
            age: 18
          }
        },
        {
          name: '李四',
          data: {
            money: '220000000',
            age: 20
          }
        }
      ],

那你就在前端 自己写个分页方法,计算总记录数,总页数,第一页,最后一页,这些分别计算出来,然后每次翻译的时候,你需要处理一下 table 的list 根据页的下标返回 list对应的 数据,就可以实现分页了啊