el-pagination 頁碼 更新問題 (分享)


element 分頁組件在 換頁 的時候,畫面數據正確,但 頁碼卻沒被激活, 即 還處於換頁之前的頁碼。

如圖

百度搜索,嘗試了很多種方案,比如 加上current-page.sync 修飾、結合localStorage利用 created() beforeUpdate () beforeDestroy ()方法,重置current-page屬性值..

不知道是我沒寫對還是其他原因,反正 最后都沒成功。

 

偶然 嘗試了一種新的方式 v-if ,發現有用,拿來分享。

 

在 el-pagination 中加  v-if指令,根據 true or false 來進行渲染。

 

data里面初始化paginationShow為true

在 查詢方法(因為我的查詢方法會調到callHttpRequest() ,所以寫在這里)里把paginationShow置為false

在接口請求完畢后,將paginationShow改為true

看到有人說需要在$nextTick畫面刷新完畢后再更改值,否則沒效果, 但 我發現 好像關系不大。。

總之,現在頁碼正常啦。

 

調試過程中發現, 其實在點擊換頁之后 vue 是有刷新 current-page的,感覺中間會刷新幾次,在最后一次的時候,是取的初始化的默認值。

 


免責聲明!

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



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