vue.js - Algolia 细化列表未正确选择值

Question

我正在尝试使用 Vue InstantSearch 根据用户的属性（头发颜色、眼睛颜色、肤色等）搜索和过滤用户。

这是我的项目的样子：

{
 id: 1
 name: 'John',
 attribute: {
  complexion: 'Tan',
  hair_colour: 'Black',
  eye_colour: 'Brown',
  ...
}

这就是我使用 ais-refinement-list 小部件的方式：

<ais-refinement-list attribute="attribute.hair_colour">...</ais-refinement-list>
<ais-refinement-list attribute="attribute.eye_colour">...</ais-refinement-list>

我的问题是，每次我从眼睛颜色（棕色）列表中选择一个值时，都会选择头发颜色列表（棕色）中的相同值。

这是场景的样子：

标签： vue.jsalgoliavue-instant-search

Answer 1

将属性设置为可搜索，如下图所示：