将动态变量传递给Autocomplete.js中的HighlightResults

Question

我正在为搜索Algolia的Vue应用程序构建一个提前输入组件，该组件具有多个在不同位置搜索的索引，因此，我创建了要传递的道具来设置输入占位符，搜索索引和displayKey

除了我的高亮显示功能外，其他所有功能都很好。

我确定这很简单，但是我无法获得高亮显示来拾取传入的动态道具。

$('.typeahead').autocomplete({ hint: false }, [{
    source: $.fn.autocomplete.sources.hits(this.client, { hitsPerPage: 5 }),
    displayKey: this.display,
    templates: {
        suggestion: (suggestion) => {
            return suggestion._highlightResult.{this.display goes here}.value;
        }
    }
}]).on('autocomplete:selected', (event, suggestion, dataset) => {
    console.log(suggestion, dataset);
})

如果我忽略了突出显示，那么一切都很好。

Answer 1

我知道这很简单，可以通过数组键而不是点符号来调用它。

return suggestion._highlightResult[this.display].value;