本文介绍了Algolia 重定向到搜索结果的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我在将搜索结果重定向到要显示结果的页面时遇到问题.希望在标题中有搜索栏,以便我的结果显示在结果页面或类似的东西上.一切都是通过教程 (Laracasts) 完成的,仍在学习 javascript,所以我有点卡在这里.. 一些帮助会很棒!
index.blade.php
<script src="cdnjs.cloudflare/ajax/libs/typeahead.js/0.11.1/typeahead.bundle.min.js"></script><script src="cdn.jsdelivr/algoliasearch/3/algoliasearch.min.js"></script><script src="cdnjs.cloudflare/ajax/libs/vue/0.12.1/vue.js"></script><脚本>新的 Vue({el: '身体',数据: {询问: '',用户:[]},准备好:函数(){this.client = algoliasearch('', '');this.index = this.client.initIndex('test_drive_contacts');$('#typeahead').typeahead(null, {来源:this.index.ttAdapter(),displayKey: '名字',模板:{建议:功能(命中){返回 ''+'<h4 class="high">'+ hit._highlightResult.firstname.value + '</h4>'+'<h5 class="high">'+ hit._highlightResultpany.value + '</h5>'+ '</div>';}}}).on('typeahead:select', function (e, 建议) {this.query=suggestion.firstname;}.bind(this));},方法: {搜索:函数(){this.index.search(this.query, function (error, results) {this.users = results.hits;}.bind(this));}}});这是搜索输入:
<article v-repeat="用户:用户"><h2>@{{ user.firstname }}</h2><h4>@{{ userpany }}</h4</文章> 解决方案在 JavaScript 中将用户重定向到页面就像做一样简单
window.location = 'your_url_here'如果您只是想在用户键入 Enter 时重定向到 /search?q=query 页面,那么就像包装您要输入的内容一样简单在表单中使用.
更多推荐
Algolia 重定向到搜索结果
发布评论