MeiliSearch -更改20份文件的限制

Question

我是MeiliSearch的新手，并试图建立一个简单的演示。它非常类似于这个官方的演示。我想知道如何更改应用程序中的默认20的限制文档？

Answer 1

这可以用<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.
      }
    ),
  };
},