跟着JHipster学做项目 (12) 分页处理（下）前端进行分页及排序查询

上篇介绍了后端分页处理，JHipster的前端分页组件由两部分组成：分页信息组件，分页加载组件。

<div v-show="users && users.length > 0">
            <div class="row justify-content-center">
                <jhi-item-count :page="page" :total="queryCount" :itemsPerPage="itemsPerPage"></jhi-item-count>
            </div>
            <div class="row justify-content-center">
                <b-pagination size="md" :total-rows="totalItems" v-model="page" :offset="1" :per-page="itemsPerPage" :change="loadPage(page)"></b-pagination>
            </div>
        </div>

组装查询请求的方法：

export default function buildPaginationQueryOpts(paginationQuery) {
  if (paginat