ais-уточнение-список в VueInstantSearch(Algolia) не отображает список

#javascript #vue.js #algolia #instantsearch.js #vue-instant-search

Вопрос:

Я столкнулся с проблемой, используя виджет списка уточнений 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" />
 

У меня есть пустой список, несмотря на то, что на панели мониторинга этот атрибут добавлен в качестве атрибута для Facetings, а в ais-настройте параметры фильтров с помощью categories.id в нем тоже хорошо работает.

Любые предложения высоко ценятся !

Ответ №1:

Проблема была в приборной панели Algolia. Когда мы нажали на кнопку «доступно для поиска «вместо» только для фильтрации » для выбранного атрибута, все начинает работать хорошо.