Vue路由使用过渡动画后切换时出现抖动

问题描述

为了让项目在页面切换时不那么死板,我是用了transition组件并加入淡出淡出效果,然而切换页面我发现居然每次跳一下。

问题原因

其实就是上个路由的占位导致,百度后说隐藏消失的页面让其不占位。

解决方案

fade-leave-to路由添加 display:none;

来源资料

https://www.jb51.net/article/177825.htm

你可能感兴趣的:(Vue路由使用过渡动画后切换时出现抖动)