ホームページ  >  記事  >  ウェブフロントエンド  >  vue で Nprogress.js プログレスバーを使用する方法

vue で Nprogress.js プログレスバーを使用する方法

亚连
亚连オリジナル
2018-06-08 17:03:264607ブラウズ

NProgress.js は、使いやすく、単一ページのアプリケーションに簡単に統合できる軽量の進行状況バー コンポーネントです。この記事では、vue プロジェクトで Nprogress.js のプログレス バーを使用する方法を主に紹介します。必要な方は参考にしてください。ページの上部に「読み込み中のアニメーション」が表示されます。 NProgress.js は、使いやすく、単一ページ アプリケーションに簡単に統合できる軽量のプログレス バー コンポーネントです。

Ajaxyy アプリのスリムな進行状況バー。 Google、YouTube、Medium からインスピレーションを受けています。 vue

inStallationでnprogress.jsを使用してくださいプロジェクトでintroduce introduce nprogressはmain.js

rreee

basicusagerreee -routingページスイッチにジャンプします使用するには

main.js にも

$ bower install --save nprogress
$ npm install --save nprogress

以上は、皆さんのためにまとめたものです。将来的に皆さんのお役に立てれば幸いです。

関連記事:

vue.jsのページングでページ番号をクリックするとページ内容を変更できます

vue2.0コンポーネントで値の受け渡しと通信を実装する方法

webpack 4.0.0-beta。 0 バージョンの新機能 (詳細なチュートリアル)

以上がvue で Nprogress.js プログレスバーを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。