element el-pagination分页查询的问题

bug描述: 输入条件 ‘111’ 后点击搜索,结果一共有24条,共3页,此时是在第一页,代表的是条件 “111” 的1 - 10条。此时重点来了,输入条件 ‘222’ 后,但是未点击搜索,直接点击第3页,此时结果就有问题了,我们并不希望这种情况下带着条件去查询。

解决办法: 保存已经查询的参数!!!
当点击搜索时,用pageFormInline来记录查询条件,点击分页的时候用pageFormInline的数据当条件查询(或点击分页时把pageFormInline分页的数据修改为当前分页,然后再赋值给原来的搜索条件formInline),总之宗旨就是要保存已经查询的参数,示例代码如下:

	// 点击查询
    searchMerchant () {
      this.formInline.pageNum = 1
      this.pageFormInline = this.$baseLodash.cloneDeep(this.formInline)
      this.getsSupplierList()
    },
    
    // 接口发送请求
    getsSupplierList () {
      supplierList(this.formInline).then(res => {
        ...
        ...
      }).catch(err => {
        
      })
    },
    
    // 分页
    handleCurrentChange (val) {
      this.pageFormInline.pageNum = val // 把当前页赋值给记录搜索条件pageFormInline.pageNum 
      this.formInline = this.$baseLodash.cloneDeep(this.pageFormInline) // 把记录搜索条件赋值给搜索条件formInline 
      this.getsSupplierList()
    },
    
    handleSizeChange (val) {
      this.pageFormInline.pageSize = val 
      this.formInline = this.$baseLodash.cloneDeep(this.pageFormInline) 
      this.getsSupplierList()
    }
    

最后就完美解决啦,如果本文对你有帮助,点个赞再走哟 :)

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值