VueInstantSearch（Algolia）中的 ais-refinement-list 不呈现列表

Question

我在使用 algolia 的优化列表小部件时遇到了一个问题。首先我得到的数据结构是这样的：

[
   {
      objectID: 999,
      title: 'some title',
      categories: [
        {
           id: 444,
           name: 'some name',
        },
        {...},
      ]
   }
]

我的页面上有这种类型的结构：

    <ais-instant-search
      :search-client="searchClient"
      :initial-ui-state="{
        index_Name: { query: searchedValue },
      }"
      index-name="index_Name"
    >
        <ais-index index-name="index_Name">
            <ais-configure
              :filters="facetsFilters"
              :facets="['categories.id']"
              :hits-per-page.camel="items"
            />
            <ais-refinement-list attribute="categories.id" />
            <div> ...Some other widgets nested in divs as ais-search-box, ais-sort-by, etc </div>
        </ais-index>
    </ais-instant-search>

在 ais-configure 中，我向过滤器传递了一个 facetsFilters 变量，其中包含具有以下内容的字符串：

"categories.id:1 OR categories.id:5"

它工作正常，我在选定的类别中获得结果，问题开始了，当我尝试在此处获取优化列表时：

<ais-refinement-list attribute="categories.id" />

我有一个空列表，尽管在仪表板上此属性被添加为 attributesForFacetings 并且在带有 categories.id 的 ais-configure 过滤器参数中也可以正常工作。

非常感谢任何建议！

Answer 1

问题出在 Algolia 的仪表板中。当我们点击 'searchable' 而不是 'filter only' 单选按钮来选择 attributeForFaceting - 一切开始正常工作。

VueInstantSearch（Algolia）中的 ais-refinement-list 不呈现列表

ais-refinement-list in VueInstantSearch(Algolia) doesn't renders list

javascript

vue.js

algolia

instantsearch.js

vue-instant-search