Vue真假分頁

一共100條資料，我要分10頁顯示，每頁顯示10條

一共100條資料，我要分5頁顯示，每頁顯示20條

一共99條資料，我要分5頁顯示，每頁顯示20條

理論上這三個引數，獲取任意兩個，便可知道第三個，但由於鎮假分頁的概念，所以在真分頁中只能選擇：pagenum，和pagesize，不然則是假分頁啦，既然都可以，選共，這是為什麼無論是真假分頁最關鍵的兩個引數：頁碼和每頁顯示多少條資料。既然是假分頁：我就是要一次性拿到所有資料，然後再分頁取出。

真假分頁的本質區別只是資料存放位置不同，當然資料存放位置不同也就導致對資料庫進行訪問的次數不同！

1、查出所有的資料放到listdata集合中

2、將前10條記錄放入dataall集合中預設加入分頁

3、onchange（page）方法用來再選擇page的時候顯示資料

columns7: [,,
,,
,render: (h, params) => ,
style: 
}),]);}},
,,,,
style: ,
on: }},
"編輯"
),h(
"button",
,on: }},
"刪除"
)]);}}
],

dataall: ,//存放table中顯示的資料，也就是某頁的資料放在這裡 listdata:,//存放查出的所有資料

page:,

//查詢全部model記錄並顯示
showall()
},

小結：

重點看下其中的小演算法：如何確定i值的範圍！，在這裡是對list集合進行操作，真分頁中也是如此，只不過是對資料庫中表所有記錄進行操作（limit相關），mybatis中的pagehelper也是假分頁，內部原理與上面相通！