vue制作分頁


怎么制作分頁?得先把思路路通順了才可以。

我制作過程中遇到3個問題:

1,問:制作分頁需要什么數據?怎么關聯起來?

      答:分頁數據內容包含幾部分,

    1,當前是第幾頁?或則說當前默認是第幾頁。Curpageindex=1;

    2,每頁需要展示多少條數據?       Everypagesize:3;

    3,需要一個當前頁數據的存儲容器。    Curpage:[];

2,:如何點擊某頁,某頁碼被激活,顯示背景色?

   :用三元表達式去判斷。判斷你的當前頁是否也是數據的當前頁,是就給類:active。(在樣式出寫類active的樣式)

3,問:頁碼值:如1,2,3這些之前是靜態數據,如何寫活?根據 總數據 / 每頁數據 得出可以分為幾頁。

  答:首先要綁定 li, 循環出頁碼。v-for="xxx  in xxx" .在什么數據下循環呢?如果直接寫Maxpage的話,會直接循環出數據來,而不是頁碼。

        所以我們需要找一個中介去接收數據,在中介出分出多少頁來。items:[].把Maxpage存在這,循環items即可。

 

開始制作

template

script

 

css

........不寫吧!


免責聲明!

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



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