0

У меня есть <router-link to='/my-endpoint'>. Я хочу перед тем как перейти по этому endpoint выполнить метод. Сейчас я пытаюсь приспособить для этого <router-link to='/my-endpoint' v-on:click.native="myMethod">, но, я не совсем понимаю, как он работает. Я так понимаю, что он может отработать не полностью, если изменение endpoint произойдёт раньше. Мне же нужно, чтобы метод отработал полностью для того, чтобы action был точно дёрнут. Как это сделать?

myMethod Дёргает action vuex и делает запрос к API.

У меня есть ещё один вариант. Не использовать метод, а передать параметры в качестве queryParams и уже после редиректа вызвать метод, в новом компоненте. Но я не хочу использовать `queryParams, так как такой подход осложнит тестирование.

1 ответ 1

0

Вы можете использовать навигационные хуки.

К примеру, используя навигационный хук ухода со страницы вызовем подтверждение действия:

beforeRouteLeave (to, from, next) {
  const answer = window.confirm('Вы хотите уйти? У вас есть несохранённые изменения!')
  if (answer) {
    next()
  } else {
    next(false)
  }
}
4
  • Мне нужно повесить хук на конкретный редирект. 30 ноя 2019 в 14:04
  • Используйте параметр from или to, сравнивайте с нужным роутом через $route.path
    – ccxdec
    30 ноя 2019 в 14:05
  • 1
    Решил проблему иначе. Сделал кастомный тег, у которого указал в явном виде сменить путь через соотв. событие 30 ноя 2019 в 14:23
  • Для того, чтобы при наведении на объект оставался соответствующий курсор, я поправил стиль, указав pointer 1 дек 2019 в 7:35

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.