如何设置更改路线之间的延迟

Question

我尝试在单击 link 时为更改站点语言制作动画。当我点击 rout-link 需要在更改 DOM 内容之前设置延迟。有可能吗？

mounted (){      
  this.showLanguage()

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

逻辑：

但是 Vue 在隐藏元素之前更改内容。

谢谢。

Answer 1

虽然您可以使用自己的解决方案进行设置，但使用内置的 transition or transition-group

可能会更好

vue 页面上的文档非常丰富。只需确保使用模式 'out-in' 让 out 动画在 in 动画开始之前完成。

Answer 2

我展示了我是如何做到的。需要使用路由器挂钩

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

How to set delay between change routs