#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. Когда мы нажали на кнопку «доступно для поиска «вместо» только для фильтрации » для выбранного атрибута, все начинает работать хорошо.