vue项目如何为页面顶部添加一个线性的进度条
vue    2020-08-04 14:17:38    98    0    0
admin
  vue

引入页面加载进度库: nprogress


  1. import NProgress from 'nprogress' // progress bar
  2. import 'nprogress/nprogress.css' // NProgress Configuration
  3. NProgress.configure({ showSpinner: false })
  4. router.beforeEach((to, from, next) => {
  5. // start progress bar
  6. NProgress.start()
  7. })
  8. router.afterEach(() => {
  9. NProgress.done();
  10. });

上一篇: vue中引入初始化样式reset.css

下一篇: Vue项目运行 报错:loaderContext.getResolve is not a function

98 人读过
立即登录, 发表评论.
0 条评论
文档导航