SpringBoot+oracle/mysql+Vue分页实现

1.首先elementUI分页插件代码

分页插件

<el-pagination
      @size-change="sizeChangeHandle"
      @current-change="currentChangeHandle"
      :current-page="pageIndex"
      :page-sizes="[10, 20, 50, 100]"
      :page-size="pageSize"
      :total="totalPage"
      layout="total, sizes, prev, pager, next, jumper"
    ></el-pagination>

涉及方法

// 每页数
    sizeChangeHandle(val) {
      this.pageSize = val;
      this.pageIndex = 1;
      this.getDataList();
    },
    // 当前页
    currentChangeHandle(val) {
      this.pageIndex = val;
      this.getDataList();
    },

2.传参到后台

params: this.$http.adornParams({
          // 当前页
          page: this.pageIndex,
          // 每页的页数
          limit: this.pageSize,
          // 输入框