问题标签 [vue-instant-search]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
164 浏览

vue.js - Algolia vue 即时搜索:从 searchStore 堆叠搜索结果

示例中,Algolia 增加了页码并将结果堆叠在一起:

这意味着在此方法期间:

所有结果相互叠加。

我想重新创建它,但我使用的是自定义组件:

有什么办法可以:stack="true"在我的搜索商店中设置吗?我一直在寻找一种适用于return this.searchStore.results;

0 投票
0 回答
455 浏览

vue.js - 如何在带有 Vuex 的 SSR 中使用 vue-instantsearch?

我正在努力将 vue-instantsearch 与 Vue SSR 应用程序中的 Vuex 商店集成。

我试图关注https://github.com/algolia/vue-instantsearch-examples/tree/master/examples/ssr但是这个例子只是使用context.store,我正在尝试调整它以与 Vuex 商店一起使用

我的集成如下:

如果我删除ais-index并渲染出来,{{ searchStore }}我可以看到返回的数据,但是如果我尝试将它安装在ais-index组件上,它会失败并出现以下错误:

如果有人能指出正确的方向如何调试或显示示例代码如何将 vue-instantsearch 与 Vuex 和 SSR 集成,将不胜感激

0 投票
1 回答
502 浏览

vuejs2 - Algolia Instantsearch (Vuejs) - Place searchbox outside (in a different component)

I'm building a Single Page Application using, Vue, Vue-router and Vuex. I've tried to implement Algolia Instantsearch vuejs, but I'm having some issues. Since my app is using a lot of nested components, I'm having a hard time figuring out how to structure this one.

This is the basic structure: - App - Header (this is where the search input is placed) - Content - Search (this is where the refinements and results are shown) - Footer

I've read the documentation, but I might have missed something. Let's say the user is on the homepage, when starting typing into the searchinput in the Header component. I then use vue-router to go to /search, but this doesn't seem to work?

I don't know how to do this? As from what I can understand, the documentation only show you how to sync with vue-router and now how to handle my scenario.

I believe this is a fairly common use case for instantsearch, but I couldn't find anything searching through Google. Maybe because, I don't know how to describe the issue.

I hope you can help.

Thanks!

0 投票
1 回答
148 浏览

vuejs2 - Algolia vue-instantsearch - 删除结果

我目前正在尝试使用 Algolia。到目前为止真的令人印象深刻。但是,我遇到了一些“障碍”。

我正在使用该vue-instantsearch软件包。它目前仅在管理页面上使用。在这个页面上,我可以单击一个按钮来调出一个模态框,它确认是否应该删除它。我正在努力寻找一种方法来“简单地”从结果中删除指定的文章,而无需重新加载。

我基本上浏览了文档并找到了deleteObjects方法,但它不能从ais-index组件内部访问,也不能从它的任何子组件访问。

所以,我的问题真的是,我将如何正确实现这一点?

任何有关此事的帮助将不胜感激:)

0 投票
1 回答
809 浏览

javascript - 如何在 vue 即时搜索中创建自定义细化列表?

我正在使用 Laravel Scout 和 alogolia 作为驱动程序。由于我在前端有 vue,所以我尝试了 vue 即时搜索包,效果非常好。

我面临的问题是我需要将其自定义为我们正在使用的应用内样式。

细化科

这是我要自定义的特定组件。它尝试了像它们在样式部分中显示的那样的类,但这对我来说并不适用,因为我需要在其中添加更多标签和属性。

现在我知道我可以像这样开始编写一个内联模板,但我还不明白如何获取改进的值,以便我可以制作复选框,以及如何在它们被选中后将它们发送回组件. 任何帮助表示赞赏。

0 投票
1 回答
506 浏览

vuejs2 - 将 vue-instantsearch 从版本 1.7.0 更新到 2.0.0 后出现空白屏幕

节点版本:v10.14.1 NPM 版本:6.4.1:操作系统:Windows

描述: 我在我的 vuejs 项目中集成了 algolia,效果很好。现在我正在将此模块从版本 1.7.0 升级到 2.0.0。在升级包时,它显示控制台错误并且屏幕上没有显示任何内容。我也尝试通过包含所需的包来解决它,但没有得到结果。以下是控制台错误:

这是我的代码:

需要进行哪些更改才能使其正常工作?如果有人需要更多信息,请告诉我。谢谢!

0 投票
1 回答
360 浏览

algolia - 隐藏 ais-state-results 小部件的默认消息

我正在使用ais-instant-searchais-state-results显示我的数据。我将结果隐藏到query.length > 0. 它可以工作,但如果我不输入任何搜索字符串,它总是会显示一条消息。下面是我的代码和截图:

在此处输入图像描述

0 投票
0 回答
136 浏览

laravel - 未捕获(承诺中)错误:product_categories.name 不是检索到的构面

<ais-menu-select用来显示我所有的产品类别并根据它过滤产品。

但我得到了这个错误:Uncaught (in promise) Error: product_categories.name is not a retrieved facet.

我已经product_categories.name在仪表板的构面部分中添加了字段。

在此处输入图像描述

这是我的代码:

0 投票
1 回答
174 浏览

algolia - Vue Instantsearch:以编程方式保存和恢复状态

我有一个用例,我需要保存当前的搜索状态,例如查询、选定的方面等,并在不使用历史记录的情况下按需恢复它们。我怎样才能做到这一点?

0 投票
1 回答
359 浏览

vue.js - Algolia 细化列表未正确选择值

我正在尝试使用 Vue InstantSearch 根据用户的属性(头发颜色、眼睛颜色、肤色等)搜索和过滤用户。

这是我的项目的样子:

这就是我使用 ais-refinement-list 小部件的方式:

我的问题是,每次我从眼睛颜色(棕色)列表中选择一个值时,都会选择头发颜色列表(棕色)中的相同值。

这是场景的样子: 在此处输入图像描述