前端會遇到許多數據處理的情況,包括后端給的數據不符合預期,或者缺少某些重要數據的時候,如果可行前端也可以通過計算和處理數據彌補這些不足,尤其是后端不能靈活的處理所需數據的時候。
之前遇到了一個問題,有一個頁面的數據非常的多,大概1000條左右,而后端沒有傳遞條碼和頁數返回相應的內容的時候,前端同時展示出來會導致頁面卡頓,這里我們就可以通過計算,實現前端自行分頁。

這里我們使用element的分頁,屬性如下page-size(每頁顯示數),current-page(當前頁數),total(總頁數),我們使用的方法為slice(),w3c對他的解釋如下:簡單的說就是截取數組。

實現思路為:當獲取到巨量數據的時候,不要展示,而是通過某個字段存儲起來,展示的僅僅為:page-size(每頁顯示數)* current-page(當前頁數),每當需要進行分頁的時候,重新計算并通過截取數組來展示新的類目。需要注意,我們的數據是從0-10開始的,但是頁數是從1開始的,我們需要給這個頁數-1,否則初始就是從10開始了。

說到slice,其實還有另一種截取方法splice,不過這個方法主要用于刪除元素,刪除除了需要展示頁面數據的其他數據,不過相比slice,這個方法有點本末倒置了。

了解更多vue知識點擊這里。
下一篇: 商城小程序里的分銷功能到底有多牛?
)
)
)
