ElementUI分页功能的逻辑梳理

 1.通过handleSizeChange函数监听当前页展示的数据条数是多少，然后把值传给querInfo中的pagesize。

2.通过handleCurrentChange函数监听当前页的改变是什么，然后把值传给querInfo中的pagenum

（有点感觉到querInfo是作为数据双向绑定的一个中介）

3.把监听到的数据传给querInfo，然后向服务器发送请求，返回querInfo中请求的params,然后在分页区中把current-page,page-size都绑定querInfo中相对应的params,然后就可以实现数据变换的更新了。

       <!-- 分页区 -->
      <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="querInfo.pagenum"
        :page-sizes="[3, 5, 8, 12]"
        :page-size="querInfo.pagesize"
        layout="total, sizes, prev, pager, next, jumper"
        :total="total"
      >
      </el-pagination>

 

/ 监听pagesize的改变
     handleSizeChange(newSize) {
       this.querInfo.pagesize = newSize
       th