vue 路由过渡

Question

我有一个问题想请教，我点击一个按钮，路由到新页面，新页面是从右到左过渡进来的。问题是当我点击按钮的一瞬间，当前页面就消失掉了，页面就是空白，我想的效果是新页面过渡完成，当前页面在消失。

Answer 1

transition 有几种模式 in-out、out-in。详细的可以查文档

Answer 2

跳转页面时候加一个loading 呗 生命周期mounted挂载完成之后再让他v-show=false 你可以写在跳转所到页面 也可以写在跳转之前页面 跳转之前页面就需要组件通信 然后改变v-show的值

Answer 3

路由过渡的话可以自己写过渡样式，参考 官方文档

Answer 4

路由过渡
可以使用

<transition>
    <router-view></router-view>
</transition>

这样可以让router变化的时候 页面切换之间有动画效果
但是并不能解决第二页如果因为网络请求数据等造成的白屏，只把在第二页再配合一个loading效果，

两种方法，加一起应该能更好的提升用户的感官体验

Answer 5

https://cn.vuejs.org/v2/guide...