express分页实现

本文介绍了如何在Express中实现分页功能。前端使用Element-UI的分页组件,通过传递`pagenum`和`pagesize`参数到后端,获取相应的数据。
摘要由CSDN通过智能技术生成

前端代码

element-ui分页里面直接复制就好

  <el-pagination
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :page-sizes="[2, 3, 5, 7]"
      layout="total, sizes, prev, pager, next, jumper"
      :total="total"
    >
    </el-pagination>
  data() {
    return {
      total: 0,
      pagenum: 2,
      pagesize: 1,
    }
   }
    handleSizeChange(val) {
      this.pagenum = val;
      this.showCom();
    //调用方法,实现数据刷新
    },
    handleCurrentChange(val) {
      this.pagesize = val;
      this.showCom();
    //调用方法,实现数据刷新
    },

上面直接复制即可,下面是从后端请求过来的数据,把pagenum和pagesize传过去

    async showCom() {
      var r = await this.http.get("http://127.0.0.1:3000/combo/showCombo",
        {
          params: {
            pagenum: this.pagenum,
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值