鍍金池/ 問答/HTML/ 我在Vue做一個分頁的內(nèi)容,就是點擊不同頁碼顯示不同的內(nèi)容,應(yīng)該如何做呢?

我在Vue做一個分頁的內(nèi)容,就是點擊不同頁碼顯示不同的內(nèi)容,應(yīng)該如何做呢?

methods:{

handleCurrentChange(val) {
  console.log(`當前頁: ${val}`);
}

}

點擊事件應(yīng)該怎么寫,把點擊頁碼的id傳給后臺,再獲得相關(guān)頁碼id的內(nèi)容渲染到頁面上呢?

回答
編輯回答
空痕
2018年7月27日 05:05
編輯回答
玄鳥

mark一下

2017年10月22日 03:43
編輯回答
膽怯

前端獲取當前頁碼 page 和每頁數(shù)量 pageSize 傳給后端,后端會根據(jù) page 和 pageSize 算出 Count,然后從 第 Count 個數(shù)據(jù)開始獲取 pageSize 個數(shù)據(jù)傳給前端,前端顯示后端傳過來的列表就行了。分頁的邏輯大概就是這樣。后端發(fā)送給前端列表數(shù)據(jù)之外,還要傳一個 total ,就是所有的數(shù)量,好讓前端計算顯示總頁面

2017年4月17日 23:33
編輯回答
膽怯
 <el-pagination
  @size-change="handleSizeChange"
  @current-change="handleCurrentChange"
  :current-page.sync="currentPage"
  :page-size="pageSize"
  layout="total, prev, pager, next"
  :total="1000">
</el-pagination>

handleCurrentChange(val){
    this.currentPage = val
}
2018年7月5日 03:43