vue+elementui项目中解决element 分页组件bug

解决element 分页组件,搜索过后current-page 绑定的数据变了,但是页面当前页码并没有变的问题 bug:vue和element实现的后台分页,当前是第二页,点击搜索,强制设置current-page为1,但是当前页还是第二页没有改变

解决方法

//页面 <el-pagination v-if="pageshow"></el-pagination> 使用v-if绑定数据,当每次搜索的时候就注销掉前一个分页Dom,画面刷新完毕后,渲染一个同样的分页,重新渲染必须放到$nextTick中,这样在使用分页就不会出现问题了。
search是一个方法在methods中,调用的时候@click=”search”绑定到 搜索按钮上 就可以了
search() { this.currentPage = 1   this.pageshow = false   this.getList();   this.$nextTick(() => {    this.pageshow = true   }) }, 版权声明:除特别注明外,本站所有文章均为田珊珊个人博客原创 转载请注明:出处来自田珊珊个人博客 » vue+elementui项目中解决element 分页组件bug
点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注
U乐娱乐注册