前端-vue路由跳转如何增加进度条显示

大嘴史努比

已于 2024-09-26 15:47:55 修改

阅读量370

点赞数 4

文章标签：前端 vue.js javascript

于 2023-12-01 10:37:20 首次发布

本文链接：https://blog.csdn.net/qq_42371932/article/details/134729003

版权

import router from@/router';

import nprogress fromnprogress

//引入进度条样式
import "nprogress/nprogress.css'

//全局前置守卫
router.beforeEach((to: any, from: any, next: any) => {
        //to:你将要访问那个路由

        //from:你从来个路由而来

        //next:路由的放行函数

        nprogress.start();//开启进度条显示

        next();//放行

}




//全局后置守卫
router.afterEach((to: any, from: any) => {

        nprogress .done();//结束进度条显示
}）