需要傳參分頁(yè)步驟的,點(diǎn)擊下方鏈接。按步驟復(fù)制粘貼即可饿自。
下面我們來(lái)總結(jié)一下手動(dòng)分頁(yè)的步驟
整理一下思路,手動(dòng)分頁(yè)就是:
1龄坪、先拿到每次查詢之后的全部數(shù)據(jù)昭雌;(此為總的大數(shù)組)
2、在點(diǎn)擊頁(yè)碼時(shí)健田,到大數(shù)組里面按頁(yè)碼取出對(duì)應(yīng)的一段數(shù)據(jù)放到頁(yè)面上烛卧。
第0步準(zhǔn)備工作:
html中分頁(yè)組件:
<el-pagination
background :model="pageData"
@current-change="handleCurrentChange"
:current-page="pageData.currentPage"
:page-size="pageData.pageSize"
:total="pageData.total"
layout="total, prev, pager, next, jumper">
</el-pagination>
data中分頁(yè)對(duì)象的定義:
data() {
return {
pageData: { // 用于分頁(yè)請(qǐng)求的 obj
currentPage: 1, //當(dāng)前頁(yè)
pageSize: 10, // 一頁(yè)放多少數(shù)量
total: 0 // 總共數(shù)據(jù)量
}
}
}
第一步:“ 拿到每次查詢之后的全部數(shù)據(jù) ”
臥槽項(xiàng)目太趕了,等忙完回來(lái)再寫(xiě)-------2020.1.6. 16:56