javascript - Algolia Instantsearch 分页不显示第二页结果

Question

我正在使用 laravel vue 和 algolia。除了分页正常之外，一切正常。分页正常工作，但仅显示第一页结果。当我单击分页按钮的 2,3... 页链接时，它不会获取下一页结果。我所做的如下:

SearchController.php

public function search(Request $request)
{
    $error = ['error' => 'No results found, please try with different keywords.'];

    if($request->has('q')) {
        $movies = Movie::search($request->get('q'))->get();
        return $movies ? $movies : $error;
    }

    return $error;
}

分页.js

var search = instantsearch({
    appId: 'myid',
    apiKey: 'mykey',
    indexName: 'myindex',
    urlSync: true
});

search.addWidget(
    instantsearch.widgets.pagination({
      container: '#pagination-container',
      maxPages: 20,
      scrollTo: false
    })
);

search.start();

Answer 1

我认为你需要使用分页方法将正确的页面发送到前端。

public function search(Request $request)
{
    $error = ['error' => 'No results found, please try with different keywords.'];

    if($request->has('q')) {
        $movies = Movie::search($request->get('q'))->paginate(20)->all();
        return $movies ? $movies : $error;
    }

    return $error;
}

如果需要，您可以显式传递页码:

Movie::search($request->get('q'))->paginate(20, 'p', 3)->all();