av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

vue使用nprogress加載路由進度條的方法

瀏覽:51日期:2023-01-15 18:40:11

1、效果圖

vue使用nprogress加載路由進度條的方法

2、安裝

npm install --save nprogress

基本用法

NProgress.start();NProgress.done();

3、在路由中使用

import NProgress from ’nprogress’import ’nprogress/nprogress.css’router.beforeEach((to, from, next) => { NProgress.start(); next();});router.afterEach(() => { NProgress.done();});

PS:下面看下Vue使用NProgress的方法

NProgress是頁面跳轉是出現在瀏覽器頂部的進度條

官網:http://ricostacruz.com/nprogress/

github:https://github.com/rstacruz/nprogress

如下圖所示,綠色的進度條就是NProgress實現的效果

vue使用nprogress加載路由進度條的方法

1、安裝

$ npm install --save nprogress 或者$ yarn add nprogress//用法NProgress.start();NProgress.done();

2、使用

//導入import NProgress from ’nprogress’import ’nprogress/nprogress.css’router.beforeEach((to, from, next) => { NProgress.start() next()})router.afterEach(() => { NProgress.done()})

總結

到此這篇關于vue使用nprogress加載路由進度條的文章就介紹到這了,更多相關vue nprogress路由進度條內容請搜索好吧啦網以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持好吧啦網!

標簽: Vue
相關文章:
主站蜘蛛池模板: 99国产精品99久久久久久粉嫩 | 欧美在线观看一区 | 亚洲精品区 | 国产精品mv在线观看 | 艹逼网 | 日日骚网| 午夜视频免费在线观看 | 成人免费视频网站在线观看 | 成人av观看| 四虎在线观看 | www.国产| 香蕉视频一区二区 | 国产原创在线观看 | 中日av| 亚洲一页 | www.婷婷 | 中文字幕一区在线观看视频 | 综合色导航 | 国产视频中文字幕 | 九九热国产视频 | av网站在线免费观看 | 日韩三极 | 久久宗合色 | 亚洲成人自拍 | 黄色在线免费观看视频 | 亚洲欧美一区二区三区情侣bbw | 国产精品美女久久久 | 一区二区三区中文字幕 | 国产精品综合视频 | 在线观看中文字幕视频 | 9久久| 99久久国产| 国产一区久久 | 国产精品久久国产精品 | 一区二区在线免费播放 | 国产欧美精品一区二区色综合 | 国产精品久久国产精品 | 亚洲成人免费视频 | av免费成人| 香蕉久久a毛片 | 国内精品久久久久久影视8 最新黄色在线观看 |