MeiliSearch

Question

我是美丽搜索的新手，正在尝试设置一个简单的演示。它与应用程序中的 this official demo. I'm wondering how could I change the default limit of 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.
      }
    ),
  };
},

MeiliSearch — 更改 20 个文档的限制

MeiliSearch — change the limit of 20 documents

search

search-engine

vue.js