Есть ли обходной путь для исключения «NavigationDuplicated» в Vue. js при отправке параметров запроса в URL, оставаясь при этом на том же пути

Question

Текущий URL-адрес

/search

Новый URL-адрес должен быть

/search?foo=bar

Я просто хочу обновить параметры запроса, находящиеся на том же маршруте, в результате применения некоторых фильтров на страница

Мой код:

this.$router.push({query: params})

Существует способ обработки ошибки «NavigationDuplicated» с помощью блока перехвата, но он только подавляет ошибку, параметры запроса в маршруте по-прежнему не обновляется.

Проблема, связанная с данной:

Как использовать router.pu sh для того же пути, другой параметр запроса в Vue. js

Но это дает путь '/', но мне нужно остаться на той же странице

Answer 1

Вы можете остаться на текущем маршруте, используя this.$route.name, например:

this.$router.push({
  name: this.$route.name, // with this you will stay on the same route
  query: "whatYouNeed",   // with this you will specify query
})

Надеюсь, это поможет: -)

Answer 2

Вы можете добавить catch, чтобы обойти эту ошибку:

this.$router.push({query:params}).catch(() => {})