laravel-5 - 选择每页显示的项目数 Vue/Laravel 分页

Question

我正在一个网站上使用 vuejs 作为前端和 Laravel 后端，我正在实现分页功能。目标是让用户能够使用下拉框选择每页显示的项目数。注意：我使用的是 paginate(perPage,10)。因此，我正在尝试解决如何从 Vue 前端获取“perPage”并使用新的 perPage 值刷新页面。提前致谢！！

**$projects = DB::table('projects')
            ->select("projects.*", "project_countries.project_id",
                DB::raw("(GROUP_CONCAT(countries.name SEPARATOR ',')) as 'countries'"))
            ->join('project_countries', 'projects.project_id', '=', 'project_countries.project_id')
            ->join('countries', 'project_countries.country_id', '=', 'countries.id')
            ->groupBy('project_countries.project_id')
            ->orderBy('project_countries.project_id')
            ->paginate($request->get('per_page', 10));**

这是我在 Vue 上的数据：

data() {
        return {
            projects: [],
            project: {
                id: '',
                project_id: '',
                title: '',
                amount: '',
                countries: '',
                gcf_date: ''
            },
            project_id: '',
            pagination: {},
            edit: false,
            perPage: 10,
      }

标签： laravel-5selectvue.jspaginationdropdown