vue.js - vue-router切换过渡问题

问题描述

问 题

在用vue-router做一个小阅读器应用，整个页面就是通过路由切换的，但是切换路由的时候，由于页面的数据是ajax加载的，所有会有零点几秒的时间页面没有内容，然后才会加载渲染出来。
链接在这：http://192.241.249.161/reader/
用chrome手机模拟打开

比如进去的时候第一次点击一本小说，然后跳转到详情页，会有一瞬间详情页数据没有渲染出来
然后如果返回主页点击第二本小说，详情页还是会有一瞬间显示第一本小说的内容，然后再渲染第二本的数据

这样有没有好的解决办法处理这一瞬间的过渡效果？

解决方案

vue-router 在导航完成前获取数据

这篇关于vue.js - vue-router切换过渡问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！