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