1

示例中,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;

4

0 回答 0