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()
}
最后就完美解决啦,如果本文对你有帮助,点个赞再走哟 :)