vue element分页点击不刷新
程序员文章站
2022-06-26 17:33:41
分页效果如上所示问题: 如上图所示,现在点击到第三页了,然后操作列表里面的删除按钮,数据删除,列表重新加载,此时分页应该回到第一页,但是没有原因: 用的这个插件,虽然绑定了size-change和 current-change 方法,但是在方法里面并没有实时给页面赋值 ,换言之,这两个方法里面就算是空的,点击上下页也会跳转,但是如果请求完数据想从第三页回到第一页那就不行了,代码会认为还在当前页面,必须要在这两个方法里面给 currentPage赋值才可以方法: 解决方法就是如下......
分页效果如上所示
问题: 如上图所示,现在点击到第三页了,然后操作列表里面的删除按钮,数据删除,列表重新加载,此时分页应该回到第一页,但是没有
原因: 用的这个插件,虽然绑定了size-change 和 current-change 方法,但是在方法里面并没有实时给页面赋值 ,换言之,这两个方法里面就算是空的,点击上下页也会跳转,但是如果请求完数据想从第三页回到第一页那就不行了,代码会认为还在当前页面,
必须要在这两个方法里面给 currentPage 赋值才可以
方法: 解决方法就是如下代码
// 分页操作
sizeChange(e) {
console.log('每条数据', e)
let obj = this.obj
obj.page = 1
obj.pageSize = e
obj.type = 0
this.getList(obj)
},
currentChange(e) {
console.log('当前页', e)
let obj = this.obj
obj.page = e
obj.type = 0
this.currentPage = e
this.getList(obj)
},
本文地址:https://blog.csdn.net/Hero_rong/article/details/112562019