javascript - 关于ElementUI 分页的问题，如何把当前要显示的条数传给后台

问题描述

问 题

this.cur_page是当前页码，this.pagesize是一页显示多少条

  getData(pageNo,pageSize){
        this.$http.post('/manager/applicate/list.htm',{
          orderNo: this.orderNo,
          orderType:this.orderState,
          startDate:this.startDate,
          endDate:this.endDate,
          pageNo:this.cur_page,
          pageSize:this.pagesize
        })
          .then(response => {
            let newData= JSON.parse(pako.inflate(response.data, { to: 'string' }));
            this.orderList=newData.result;
            this.totalCount=newData.count;
            console.log(newData)
          })
      }

当前页码我是能获取到但是每页条数就是一直是我在data里面定义的3

  //当前页码
      handleCurrentChange(val){
        this.cur_page = val;
        this.getData()
      },
      //每页条数
      handleSizeChange(val){
       this.pagesize = val;
        this.getData()
      },

data()
pagesize:3,
cur_page: 1,

 <el-pagination
            @current-change ="handleCurrentChange"
            @size-change="handleSizeChange"
            :page-size="pagesize"
            :total="totalCount"
            layout="prev, pager, next"
            >
          </el-pagination>

总感觉哪里没有绕出来

解决方案

，在你改变每页条数的时候，pageSize已经发生变化了。看了你的传参，你的pageSize已经传到后台去了。

这篇关于javascript - 关于ElementUI 分页的问题，如何把当前要显示的条数传给后台的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！