實現分頁功能的關鍵技術點為頁面顯示的結果處理，而此處的關鍵技術點為js的slice()方法。
首先介紹slice()方法：
slice() 方法可從已有的陣列中返回選定的元素。
slice()方法可提取字串的某個部分，並以新的字串返回被提取的部分。
主要用法：
array.slice(start, end)
引數描述
start
可選。規定從何處開始選取。如果是負數，那麼它規定從陣列尾部開始算起的位置。也就是說，-1 指最後乙個元素，-2 指倒數第二個元素，以此類推。
end可選。規定從何處結束選取。該引數是陣列片斷結束處的陣列下標。如果沒有指定該引數，那麼切分的陣列包含從 start 到陣列結束的所有元素。如果這個引數是負數，那麼它規定的是從陣列尾部開始算起的元素。
element-ui中的table元件所繫結的值為list，因此可以採用slice()方法實現，如：
wx_attention_list.slice((currentpage-1)*pagesize,currentpage*pagesize)
其中：currentpage表示當前頁碼，
pagesize表示每頁顯示條目個數。
附**：
table：
:data="wx_attention_list.slice((currentpage-1)*pagesize,currentpage*pagesize)"
border
stripe
show-summary
:summary-method="gettotal"
style="width: 75%;margin:20px auto 15px auto;">
prop="number"
label="序號"
width="100"
>
prop="wx_key_word"
>
prop="num"
label="數量"
>
pagination：
:current-page.sync="currentpage"
:page-size="pagesize"
layout="total, prev, pager, next"
:total="total">
附圖：
vue element ui 實現分頁效果
我使用得是el table el pagination來實現的，話不多說，直接上 編輯刪除 export default inject reload 注入reload方法 data created mounted methods handlecurrentchange function curren...
vue Element ui實現分頁效果
當我們向後台請求大量資料的時候，並要在頁面展示出來，請求的資料可能上百條資料或者更多的時候，並不想在乙個頁面展示，這就需要使用分頁功能來去完成了。1.本次所使用的是vue2.0 element ui實現乙個分頁功能，element ui這個元件特別豐富，分頁中給我提供了乙個pagination 分頁...
VUE ElementUI實現前端分頁
參考了這位大佬的部落格 經過自己的修改，與elementui分頁外掛程式相結合，實現了前端元件分頁 效果圖如下 每頁幾條，前往幾頁，均可使用。下面直接上 一 定義變數 data rightslist 分頁資料,這裡用來儲存每頁切割後的資料 看起來格式是這樣的 陣列內套陣列，每個陣列就是一頁資料 to...