Блог

Я работаю над сайтом, использующим vuejs для интерфейса и Laravel backend, где я реализую функциональность разбивки на страницы. Цель состоит в том, чтобы пользователь мог выбирать количество элементов, отображаемых на странице, с помощью выпадающего списка. Примечание: Я использую paginate (perPage, 10). Итак, я пытаюсь разобраться, как я могу получить ‘perPage’ из интерфейса Vue и обновить страницу с новым значением 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,
      }