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

将动态变量传递给Autocomplete.js中的highlightResults,autocomplete,vuejs2,algolia,Autocomplete,Vuejs2,Algolia,我正在为我的Vue应用程序构建一个搜索Algolia的typeahead组件,Algolia有几个不同的索引要在不同的位置进行搜索,因此我创建了一些道具来传递,以设置输入占位符、搜索索引和显示键 除了我的建议突出显示功能外,所有功能都运行良好 我相信这很简单,但我不能让高光返回来拾取传入的动态道具 $('.typeahead').autocomplete({ hint: false }, [{ source: $.fn.autocomplete.sources.hits(this.cli

我正在为我的Vue应用程序构建一个搜索Algolia的typeahead组件,Algolia有几个不同的索引要在不同的位置进行搜索,因此我创建了一些道具来传递,以设置输入占位符、搜索索引和显示键

除了我的建议突出显示功能外,所有功能都运行良好

我相信这很简单,但我不能让高光返回来拾取传入的动态道具

$('.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);
})

如果我省略了突出显示,所有的操作都会很完美。

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

返回建议。_highlightResult[this.display]。值