在此示例中,Algolia 增加了页码并将结果堆叠在一起:
<ais-results :stack="true">
这意味着在此方法期间:
methods: {
loadMore: function() {
this.page++;
}
}
所有结果相互叠加。
我想重新创建它,但我使用的是自定义组件:
import { Component } from "vue-instantsearch";
export default {
components: { "v-image": VImage },
mixins: [Component],
computed: {
results() {
return this.searchStore.results;
},
rows() {
var arr = this.results;
var len = 3;
var chunks = [],
i = 0,
n = arr.length;
while (i < n) {
chunks.push(arr.slice(i, (i += len)));
}
return chunks;
}
}
};
有什么办法可以:stack="true"
在我的搜索商店中设置吗?我一直在寻找一种适用于return this.searchStore.results;