解決element 分頁組件,搜索過后current-page 綁定的數據變了,但是頁面當前頁碼並沒有變的問題


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
                    })
                }
                 請求數據.......
                
            },

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM