使用ais-refinement-list过滤项时提示‘字符串含无效字符’问题排查

你遇到的问题可以通过以下两处修改解决：

1. 移除冗余的map操作 #

你的transformItems方法里，过滤后额外执行的map操作完全没有修改数据，属于冗余步骤，可能导致组件接收的对象结构不符合预期。直接返回过滤后的数组即可：

methods: {
    transformItems(items) {
        return items.filter(item => item.label !== 'XXXXX');
    }
}

2. 修正模板中的引号格式 #

你提供的模板代码使用了HTML转义的"代替双引号，这会让Vue解析组件属性时识别到无效字符。把转义引号替换为正常的双引号或单引号：

<ais-refinement-list
    attribute="products"
    :transform-items="transformItems"
>
</ais-refinement-list>

完成这两处修改后，过滤功能会正常生效，精修列表之后的内容也能正常渲染。

内容的提问来源于stack exchange，提问作者Tyssen