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を見てきましたが、運がなかった - リンクで参照しました。助けていただければ幸いです。