2

Vue.Js で Laravel のデータをページ分割しようとしています。私も Inertia.js を使用しています。

私のLaravelコントローラーには次のものがあります:

    $data['participants'] = User::with('groups')->select('id', 'name')->paginate(2);
    return inertia('Dashboard/Participants', $data);

これにより、Vue で 2 人のユーザーが連続して出力されます。また、リンク オブジェクトがページネーションに使用されることも期待しています。これは Vue の小道具には表示されません。

Vue の小道具を調べると、次のオブジェクトがあります。

participants:Object
 current_page:1
 data:Array[2]
 first_page_url:"http://localhost:3000/dashboard/participants?page=1"
 from:1
 last_page:51
 last_page_url:"http://localhost:3000/dashboard/participants?page=51"
 next_page_url:"http://localhost:3000/dashboard/participants?page=2"
 path:"http://localhost:3000/dashboard/participants"
 per_page:2
 prev_page_url:null
 to:2
 total:101

もし私が:

dd($data['participants']->links());

私が見ることができるコントローラーで:

Illuminate\View\View {#316 ▼
  #factory: Illuminate\View\Factory {#310 ▶}
  #engine: Facade\Ignition\Views\Engines\CompilerEngine {#328 ▶}
  #view: "pagination::bootstrap-4"
  #data: array:2 [▶]
  #path: "/Users/ejntaylor/Documents/Laravel/motional/vendor/laravel/framework/src/Illuminate/Pagination/resources/views/bootstrap-4.blade.php"
}

私はインスピレーションを得るためにPingCRMを見てきましたが、運がなかった - リンクで参照しました。助けていただければ幸いです。

4

2 に答える 2