Как установить свойства первоначального поиска с помощью Vue InstantSearch?
Я использую компоненты Vue, предоставленные Algolia, для поиска в моем индексе.
https://v2--vue-instantsearch.netlify.com/getting-started/getting-started.html
Поиск работает нормально, но мне интересно, как я могу установить начальные значения, скажем, список уточнений, который у меня есть при загрузке страницы.
Я настроил поиск так:
<script>
import algoliasearch from 'algoliasearch/lite'
export default {
name: 'Home',
data () {
return {
searchClient: algoliasearch(
'APPID',
'API-KEY'
)
}
}
}
</script>
... и у меня есть такой список уточнений (много кода вырезано для краткости):
<ais-instant-search
:search-client = "searchClient"
index-name = "properties"
>
<ais-refinement-list
attribute = "borough"
:sortBy = "['name:asc']"
/>
</ais-instant-search>
Как только я попадаю на страницу, все флажки для уточняющего списка становятся пустыми ... Я хотел бы знать, как я могу установить некоторые начальные значения / комбинации для запроса по своему вкусу.
Возможно ли вообще использование этих компонентов? Я просмотрел документы довольно подробно, но не уверен, что увижу что-нибудь подробное. Возможно, я ищу не те термины.
Помощь приветствуется. Спасибо.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
У вас есть 2 способа получить его:
- Установите значение по умолчанию в
ais-searcher routing, как:
...
routeToState: (routeState) => {
if (!routeState.foo) {
routeState.foo = this.bar
}
...
- Используйте
refв ваших компонентах очистки и выполните его методы:
// in template
<ais-refinement-list
attribute = "foo"
ref = "fooRefinement" />
// In Script
...
mounted() {
this.$refs.fooRefinement.refine('bar')
}
В последнем случае вы должны использовать обещания или setInterval для метода wait the.
Глядя на это, это кажется невозможным без разветвления компонента.