在vue项目中使用Nprogress.js进度条的方法
发布时间：2020-12-17 02:36:47 所属栏目：百科 来源：网络整理
导读：NProgress.js提供页面加载进度条效果，当页面打开加载时，在页面顶部会出现进度条加载动画。NProgress.js是轻量级的进度条组件，使用简便，可以很方便集成到单页面应用中。 Ajaxyy应用程序的细长进度条。灵感来自Google，YouTube和Medium。 在vue中使用nprog
|
NProgress.js提供页面加载进度条效果，当页面打开加载时，在页面顶部会出现进度条加载动画。NProgress.js是轻量级的进度条组件，使用简便，可以很方便集成到单页面应用中。 Ajaxyy应用程序的细长进度条。灵感来自Google，YouTube和Medium。 在vue中使用nprogress.js 安装在项目中引入在main.js中引入要使用的nprogress 基本用法在路由页面跳转使用同样在main.js中 {
if (to.path == '/login') {
sessionStorage.removeItem('username');
}
let user = sessionStorage.getItem('username');
if (!user && to.path != '/login') {
next({path: '/login'})
} else {
NProgress.start();
next()
}
});
router.afterEach(transition => {
NProgress.done();
});
总结以上所述是小编给大家介绍的在vue项目中使用Nprogress.js进度条的方法。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |