添加一個進度條的效果,可以在路由跳轉(zhuǎn)時使用
添加插件
- yarn add nprogress
- npm install --save nprogress
router引入
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
before調(diào)用、after結(jié)束
router.beforeEach((to, from, next) => {
NProgress.start()
next()
})
router.afterEach(() => {
NProgress.done()
})