登录/注册
开开
9779
占位
8
占位
12
浏览量
占位
粉丝
占位
关注
element分页组件,搜索过后current-page 绑定的数据变了,但是页面当前页码并没有变的问题
开开
2022-08-24 19:14:20 2022-08-24
79
0

情景:

1 就是在搜索过后的当前页数据变化了,原本的分页当前页并不会改变,这就会遇见一个问题,首次展示停留在第5页,搜索过后的数据并没有5页,不论前台分页或后台分页,页面都会展示:暂无数据! 但其实是有数据的,只是额没有第五页的数据。
2 使用v-if绑定数据,当每次搜索的时候就注销掉前一个分页Dom,画面刷新完毕后,渲染一个同样的分页,重新渲染必须放到$nextTick中,这样在使用分页就不会出现问题了。

<el-pagination 
v-if="pageshow"
@current-change="handleCurrentChange"
:current-page="page"
:page-size="curPageSize"
layout=" prev, pager,next"
:total="total">
</el-pagination>
search (page) {
this.page = page
this.pageShow = false
this.nextTick(() => {
this.pageShow = true
})
}
暂无评论