问题描述:
点击查询按钮正常显示,切换到第二页,再点击查询按钮,数据正常显示,但页码高亮显示仍在第二页。
网上查了很多,也尝试了,都没解决 。。。。。
可用解决方案:
查询数据的方法增加一个参数,点查询按钮的时候传参数,点分页器的时候,调用该方法不传参数,根据是否有参数,更改current-pape,再手动调用current-change方法。
- 按钮
<el-button type='primary' size='small' @click="findList(1)">查询</el-button>
2.current-change
handleSizeChange(val){
this.pageInfo.limit=val
this.findList()(点击分页器时调用的查询方法)
},
3.查询方法
findList(params){
console.log(params)
if(params){
this.pageInfo.currentPage=1
this.status=1
this.handleCurrentChange(1)
}
const data={
currentPage:this.pageInfo.currentPage,
pageSize:this.pageInfo.limit
}
pageQuery(data).then(res=>{
this.tableData=res.data
this.pageInfo.total=res.total
this.Show=true
}).catch(error=>{
console.log(error)
})
},