iview (view ui) 服务器端分页

知识点:了解服务端分页逻辑

初始化时获取服务回传参数 pageSize, totalCount,

template

    

js (赋值给page元素 页码,总条数)

// result:异步response

this.page.pageSize = result.pageSize
this.page.totalCount = result.totalCount
this.page.totalPage = result.totalPage
num:跳转页码
async currentNote (pageNumber) {
  this.noteList.length = 0 
  // 通过页码请求想服务器请求第pageNumber页的数据
  const result = await getNoteList(pageNumber)
  this.noteList = result.result
}

思考:服务器分页更多考虑到当整体数据量很大时,避免一次加载造慢的现象

你可能感兴趣的:(iview (view ui) 服务器端分页)