JS：NProgress浏览器顶部进度条

Github: https://github.com/rstacruz/nprogress

基本使用

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

浏览器中使用

  
    
    
    Document
    
    
    
  
  
  
    开始
    结束

    
      function handleStartClick() {
        NProgress.start();
      }

      function handleEndClick() {
        NProgress.done();
      }
    
  

Vue中使用

安装

npm install --save nprogress

router.js

//导入
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'

router.beforeEach((to, from, next) => {
  NProgress.start(); // 显示
  next()
})

router.afterEach(() => {
  NProgress.done(); // 关闭
})