Как установить задержку между сменами маршрутов

Question

Я пытаюсь сделать анимацию для изменения языка сайта, когда нажимаю на ссылку. Когда я нажимаю на Rout-Link, нужно установить задержку перед изменением содержимого DOM. Это возможно?

mounted (){      
  this.showLanguage()

},
beforeDestroy (){
  this.hideLanguage()
}

логик:

1. элементы скрывают
2. Vue change DOM content
3. элемент, показывающий

но Vue изменяет содержимое перед скрытием элемента.

Спасибо.

Answer 1

Я показываю, как я могу это сделать. Нужно использовать роутеры крючки

router.beforeEach((to, from, next) => {
   // your code
   next () // will change rout
})

Answer 2

Хотя вы можете настроить это, используя свое собственное решение, вам, возможно, будет лучше обслуживаться с помощью встроенного transition или transition-group

документация на странице vue довольно обширна. Просто убедитесь, что вы используете режим out-in, чтобы завершить анимацию out до начала анимации in.