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
相關文章:
主站蜘蛛池模板: 亚洲成人精品久久 | 天天射天天操天天干 | 97精品超碰一区二区三区 | 欧美激情欧美激情在线五月 | 91亚洲国产成人久久精品网站 | 中国免费黄色片 | 都市激情亚洲 | 国产在线精品一区二区三区 | 国产精品国产精品国产专区不片 | av一级| 欧美日日| 一区二区三区国产 | 黄色av网站在线免费观看 | 精品成人av| 狠狠操狠狠干 | 福利二区 | 91久久久久久| 国产精品永久免费观看 | 看黄在线 | 久久婷婷国产香蕉 | 91在线视频免费观看 | 日韩高清一区二区 | yiren22综合网成人 | 亚洲二区在线观看 | 精品视频在线一区 | 欧美精品一区二区三区在线播放 | 久久久无码精品亚洲日韩按摩 | 黄色片在线看 | 521av网站| 久久精品免费 | 激情欧美一区二区三区 | 99精品免费视频 | 成人精品一区二区三区中文字幕 | 看a网站 | 久久伊| 国产精品视频一区二区三区不卡 | 亚洲国产一区二区三区 | 黄色av网站免费看 | 欧美成人精品欧美一级 | 亚洲黄色av | 亚洲色图婷婷 |