NProgress颜色的修改以及在Vue中的使用

Posted llcdxh

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了NProgress颜色的修改以及在Vue中的使用相关的知识,希望对你有一定的参考价值。

一、NProgress的作用是在站内进行页面之间的跳转的时候,在浏览器的顶部显示一个进度,使用非常简单,可以在百度一下。

技术分享图片

二、如何修改NProgress默认的进度条颜色?如下图,修改为自己想要的颜色即可

技术分享图片

三、如何vue-router中使用NProgress?

在vue-router中,可以使用全局的导航守卫beforeEach函数,在该函数中使用NProgress相对应的API即可。

 

以上是关于NProgress颜色的修改以及在Vue中的使用的主要内容,如果未能解决你的问题,请参考以下文章

vue中的进度条

NProgress的使用vue项目中使用NProgress

Vue使用NProgress

Vue使用NProgress

vue项目中使用 nprogress 插件

vue 路由进度条 nprogress