Vue Instantsearch：以编程方式保存和恢复状态答案

【问题标题】：Vue instantsearch: save and restore state programmaticallyVue Instantsearch：以编程方式保存和恢复状态
【发布时间】：2020-01-08 02:42:14
【问题描述】：

我有一个需要保存当前搜索状态的用例，例如查询，选定的方面等，并在不使用历史记录的情况下按需恢复它们。我怎样才能做到这一点？

【问题讨论】：

标签： algolia vue-instant-search

【解决方案1】：

它有点高级，但您可以使用getState() 使用algoliasearchHelper：

var client = algoliasearch('appid', 'appsearch');
var helper = algoliasearchHelper(client, 'index', {
  facets: ['shipping'],
  disjunctiveFacets: ['category']
});

var mySavedState = helper.getState();

或者是对属性和查询进行了所有细化的状态的一部分：

var mySavedState = helper.getState(['query', 'attribute:category']);

它返回一个对象，因此您可以使用JSON.stringify(mySavedState) 将其保存在某处，然后使用JSON.parse(mySavedState) 将其取回。

然后你可以设置状态：

helper.setState(mySavedState);

欲了解更多信息，请参阅Getting started with the helper。

【讨论】：