VueRouterのナビゲーションガードの使い方

今回は、VueRouter の navigation ガードの使用方法と、VueRouter のナビゲーション ガードで使用される 注意事項 について説明します。実際のケースを見てみましょう。

はじめに

主にジャンプやキャンセルによるナビガードに使用します。

たとえば、ログイン情報を確認するには、ログインしていないすべてのユーザーがログイン ページにジャンプします。必要な操作が実行されているかどうかを判断し、実行されていない場合はジャンプを中断します。

は、グローバル ガード、ルーティング ガード、およびコンポーネント ガード

の 3 つのカテゴリに分類されます。 グローバルガード

rreee

ルートガード

rreee

コンポーネントガード

beforeEach
beforeResolve
afterEach

パラメータの紹介

これらのナビゲーション ガードに関係するパラメーター: to、from、next

to と from だけを持つグローバル ガード afterEach を除いて、残りは 3 つのパラメーターがあります

beforeEnter

操作メカニズム

この記事の事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

JS はタブスクロール切り替えを実装します

JS は特殊効果に続くマウスを実装します

Webpack が Electron アプリケーションを構築する方法

以上がVueRouterのナビゲーションガードの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。