美文网首页Vue
vue--进度条(nprogress)

vue--进度条(nprogress)

作者: 开着五菱宏光的小白 | 来源:发表于2020-06-17 11:40 被阅读0次

添加一个进度条的效果,可以在路由跳转时使用

添加插件

  • yarn add nprogress
  • npm install --save nprogress

router引入

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

before调用、after结束

router.beforeEach((to, from, next) => {
NProgress.start()
next()
})

router.afterEach(() => {
NProgress.done()
})

相关文章

网友评论

    本文标题:vue--进度条(nprogress)

    本文链接:https://www.haomeiwen.com/subject/sggjxktx.html