Javascript VueInstantSearch(Algolia)中的ais优化列表不';t呈现列表

Javascript VueInstantSearch(Algolia)中的ais优化列表不';t呈现列表,javascript,vue.js,algolia,instantsearch.js,vue-instant-search,Javascript,Vue.js,Algolia,Instantsearch.js,Vue Instant Search,我用algolia的细化列表小部件解决了一个问题。 首先,我得到的数据结构如下: [ { objectID: 999, title: 'some title', categories: [ { id: 444, name: 'some name', }, {...}, ] } ] 我的页面上有这种类型的结构: <ais-insta

我用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-refinement-list attribute="categories.id" />

我有一个空列表,尽管在仪表板上,该属性作为attributesForFacetings添加,在ais中,使用categories.id配置过滤器参数也很有效


非常感谢您的任何建议

问题出在Algolia的仪表板上。 当我们为所选属性点击“searchable”(可搜索)而不是“filter only”(仅过滤)单选按钮进行访问时,一切都开始正常工作

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