首页 > 其他 > 详细

解决element 分页组件,搜索过后current-page 绑定的数据变了,但是页面当前页码并没有变的问题

时间:2021-07-13 17:20:47      阅读:12      评论:0      收藏:0      [点我收藏+]

bug:vue和element实现的后台分页,当前是第二页,点击搜索,强制设置current-page为1,但是当前页还是第二页没有改变只是数据变了。

绑定一个变量

  • 页面 el-pagination v-if="pageshow"

  <el-pagination v-if="pageshow"  
                background
                @current-change="handleCurrentChange"
                style="float:right;margin: 10px"
                :page-size="10"
                layout="prev, pager, next,total"
                :total="totalCount">
        </el-pagination>

使用v-if绑定数据,当每次搜索的时候就注销掉前一个分页Dom,画面刷新完毕后,渲染一个同样的分页,重新渲染必须放到$nextTick中,这样在使用分页就不会出现问题了。

 query(val) {
                val ? this.form.currentPage = val : this.form.currentPage = 1        
                if(!val){
                    this.pageshow = false
                    this.$nextTick(() => {
                        this.pageshow = true
                    })
                }
                 请求数据.......
                
            },

 

解决element 分页组件,搜索过后current-page 绑定的数据变了,但是页面当前页码并没有变的问题

原文:https://www.cnblogs.com/ximenchuifa/p/15006647.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!