Vue项目页面跳转时,窗口上方显示进度条(Vue使用NProgress)
发布日期:2021-06-29 11:14:32 浏览次数:3 分类:技术文章

本文共 395 字,大约阅读时间需要 1 分钟。

Vue项目页面跳转时,窗口上方显示进度条(Vue使用NProgress)

NProgress是页面跳转是出现在浏览器顶部的进度条

官网:
github:

1.安装

npm install --save nprogress

2.安装

在router配置文件下导入

import NProgress from 'nprogress'import 'nprogress/nprogress.css'router.beforeEach((to, from, next) => {
NProgress.start() next()})router.afterEach((to, from) => {
NProgress.done()})

3.基本用法

只需调用并控制进度条。start() done()

NProgress.start();NProgress.done();

转载地址:https://blog.csdn.net/zwhy123/article/details/111106011 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:Vue+axios下载文件
下一篇:解决Vue history模式下路由跳转时页面404问题

发表评论

最新留言

不错!
[***.144.177.141]2024年04月08日 01时18分49秒