實現分頁功能的關鍵技術點為頁面顯示的結果處理，而此處的關鍵技術點為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：
<el-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;">
<el-table-column
prop="number"
label="序號"
width="100"
>
</el-table-column>
<el-table-column
prop="wx_key_word"
label="公眾號"
>
</el-table-column>
<el-table-column
prop="num"
label="數量"
>
</el-table-column>
</el-table>
pagination：
<el-pagination
:current-page.sync="currentPage"
:page-size="pagesize"
layout="total, prev, pager, next"
:total="total">
</el-pagination>
附圖：
