MeiliSearch — 更改 20 个文档的限制

问题描述

我是 Meil​​iSearch 的新手，正在尝试设置一个简单的演示。它与 this official demo 非常相似。我想知道如何更改应用中的默认 limit of 20 文档？

解决方法

这可以通过 <ais-configure :hitsPerPage="50" /> 完成。例如：

<div class="search-panel__results">
  <ais-search-box placeholder="Search here…" autofocus/>
  <ais-hits  :transform-items="transformItems">
    <template slot="item" slot-scope="{ item }">
      <ais-configure :hitsPerPage="50" />
      <div>
        <div class="hit-info">? {{ item.year }}</div>
        <div class="hit-info">
          <ais-highlight :hit="item" attribute="firstname" />
          &nbsp;
          <ais-highlight :hit="item" attribute="surname" />
        </div>
        <div class="hit-info motivation">
          <ais-highlight :hit="item" attribute="motivation" />
        </div>
      </div>
    </template>
  </ais-hits>
  <ais-pagination />
</div>

要将默认分页限制更改为 200 次点击，请在 App.vue 文件（来自参考的官方演示）中将数据部分更新为以下内容（将 paginationTotalHits 设置为您想要的数字）：

data() {
  return {
    searchClient: instantMeiliSearch(
      MEILISEARCH_HOST,MEILISEARCH_API_KEY,{
        paginationTotalHits: 300,// default: 200.
      }
    ),};
},