Вью роутер. Вызовите это. $ Router.push () с параметрами запроса приводит к двойному обновлению маршрутизатора - PullRequest
Новая
       16

Вью роутер. Вызовите это. $ Router.push () с параметрами запроса приводит к двойному обновлению маршрутизатора

0 голосов
/ 30 мая 2019

Я пытаюсь написать нумерацию страниц.Проблема с кнопками «Следующая / Предыдущая».При нажатии я пытаюсь вызвать это. $ Router.push () с именем пути и несколькими запросами.Проблема в том, что vue-router сразу переходит к правильной ссылке с запросами, но после сразу переходит к той же ссылке, но без запросов.

Это метод на кнопке пагинации 

goToPage(forward) {
  this.$router.push({name: 'spots', query: {per_page: 5, page: 2}});
}

Вот какмаршрут определен в файле router.js 

{
  path: '/:eventId/guestlists/:guestlistId/spots',
  component: SpotsAndMeals,
  name: 'spots',
  props: true
},

Что я хочу?Я хочу, чтобы после выполнения функции goToPage маршрут в моем браузере обновлялся и отображался с параметрами запроса.

1 Ответ

0 голосов
/ 03 июня 2019

Спасибо всем за попытку!Но я нашел проблему.Проблема в том, как Vue работает с тем же <router-view>.Если я иду с path.name A к path.name B с запросами, все работает нормально.Магия начинается, если я иду с path.name A к path.name A с запросами.Чтобы преодолеть это, мне нужно добавить <router-view :key="$route.fullPath"></router-view>.Так что теперь Vue ведет себя так, как я ожидаю

...