Javascript 如何使用Vue InstantSearch设置初始搜索的属性？

我正在使用Algolia提供的Vue组件来搜索我的索引

搜索工作正常，但我想知道如何设置页面加载中的优化列表的初始值

我将搜索设置为：

<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>

我一进入页面，细化列表的所有复选框都是空白的……我想知道如何为我喜欢的查询设置一些初始值/组合

甚至可以使用这些组件吗？我已经广泛地阅读了这些文档，但我不确定我是否能看到任何详细信息。也许我在寻找错误的术语

---

谢谢你的帮助。谢谢。

您有两种方法可以获得它：

将ais搜索器路由的默认值设置为： 在优化组件中使用ref并执行其方法： 在最后一个例子中，您应该使用Promissions或setInterval作为wait方法。

如果不分叉组件，查看它似乎是不可能的。

...

routeToState: (routeState) => {
  if(!routeState.foo) {
    routeState.foo = this.bar
  }
  ...

// in template
<ais-refinement-list
  attribute="foo"
  ref="fooRefinement" />

// In Script

...
mounted() {
  this.$refs.fooRefinement.refine('bar')
}