Vue NProgress 之加载慢(时间长)的问题

问题描述

今天给项目添加页面加载 loading 效果,但是写好 NProgress 之后却出现了一个问题:原本页面加载很快,添加 NProgress 之后,页面加载超级慢,而且在进度条加载满之后,还是加载不出来数据

寻找的解决方法

打开 NProgress 的 GitHub,可以找到 Configuration,下面有很多使用说明,可以根据自己的需要设置

我的设置是:

NProgress.inc(0.2)
NProgress.configure({ easing: 'ease', speed: 700, showSpinner: false })

其中,inc() 实现按特定值递增;easing 设置 CSS,speed 设置速度(毫秒,默认 200),showSpinner 为 false 时关闭自动增加

设置好之后,刷新页面,可以正常显示,而且进度条效果也正常

仍有疑问

但是,当我将上面的代码去掉之后,刷新页面,仍然没有问题,这就奇怪了呀

我还没有找出来原因,如果大家有知道的,可以告诉我,谢谢~~

发布了30 篇原创文章 · 获赞 3 · 访问量 3904

猜你喜欢

转载自blog.csdn.net/qq_41956139/article/details/104197345