专栏首页前端开发随笔nprogress路由切换添加进度条

nprogress路由切换添加进度条

文档地址

安装

npm install nprogress -S

在vue路由页面进行引入

import NProgress from 'nprogress'
import 'nprogress/nprogress.css'npm install nprogress -S

使用

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

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 微信小程序可移动浮窗

    wePanda
  • Vue监听文本框实时输入限制输入长度

    wePanda
  • Dart导入自定义库,系统内置库,第三方库

    导入第三方库,以https://pub.dev/packages/date_format为例 链接地址 首页要在本地新建pubspec.yaml的文件

    wePanda
  • FastDFS更改storageIP地址

    If you're not making mistakes, then you're not making decisions. 假若你没有犯错,证明你没有做出...

    小闫同学啊
  • Kali Linux渗透基础知识整理(二) 漏洞扫描 二(附送教程)

    这次继续上一篇文章,以后的每一篇文章底部都会推送一下教程或者一些实用工具哦,所以请大家认真看到底!

    网e渗透安全部
  • 手把手教你用R下载TCGA数据:RTCGAToolbox

    各位科研芝士的朋友,大家好,今天,我们分享TCGA数据的最后一个R包,RTCGAToolbox。TCGA数据量庞大,数据种类丰富,分析方法复杂,对于大部分研究人...

    百味科研芝士
  • 手把手教你用R下载TCGA数据:RTCGAToolbox

    各位朋友,大家好,今天,我们分享TCGA数据的最后一个R包,RTCGAToolbox。TCGA数据量庞大,数据种类丰富,分析方法复杂,对于大部分研究人员来说,从...

    微点
  • Python写爬虫爬妹子

    最近学完Python,写了几个爬虫练练手,网上的教程有很多,但是有的已经不能爬了,主要是网站经常改,可是爬虫还是有通用的思路的,即下载数据、解析数据、保存数据。...

    六月的雨
  • 30.MyBatis插件原理与Spring集成

    myBatis启动时扫描<plugins>标签,注册到Configuration对象的InterceptorChain中。通过setProperties将参数放...

    编程之心
  • Hbase启动hbase shell运行命令报Class path contains multiple SLF4J bindings.错误

    1:Hbase启动hbase shell运行命令报Class path contains multiple SLF4J bindings.错误,是因为jar包冲...

    别先生

扫码关注云+社区

领取腾讯云代金券