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的,感覺中間會刷新幾次,在最后一次的時候,是取的初始化的默認值。