基于node.js+MongoDB+elementui的分页功能更新优化

一、准备分页组件。

1.1分页组件

src-->components-->Pagination-->index.vue

<template>
  <div class="pagination-container">
    <el-pagination 
      @current-change="paginationObj.handleCurrentChange" 
      @size-change="paginationObj.handleSizeChange" 
      :current-page.sync="paginationObj.pageNum" 
      :page-size="paginationObj.pageSize" 
       :page-sizes="[5, 10, 20, 30, 40]"
      layout="total,sizes,prev, pager, next,jumper" 
      :total="paginationObj.total">
    </el-pagination>
  </div>
</template>

<script>
export default {
  props: {
    paginationObj: Object
  }
}
</script>
<style lang="scss" scoped>
.pagination-container {
  text-align: right;
  background: #fff;
  padding: 32px 16px;
}
.pagin