さまざまなページ種別への移動

ナビゲーションサービスでは、Lightning の各種ページをサポートしています。各 PageReference 型は、異なる属性と state プロパティをサポートします。どちらの API もこれらの PageReference 型をサポートします。

ページに移動するボタンを追加する方法の例を見てみましょう。

サンプルには welcome コンポーネントが含まれています。これは Salesforce アプリケーションのページです。ページ下部に、Next という表示ラベルを使用する navtab コンポーネントがあります。navtab コンポーネントは、ユーザがアプリケーション内を移動できるようにするために、各ページの下部で使用できます。

c-nav-tab コンポーネントは、アプリケーションの次のページに移動するための lightning-button コンポーネントをカスタマイズします。コンシューマが tab-namelabel を指定します。

lwc-recipes リポジトリには、ナビゲーションの例が多数含まれています。nav* というコンポーネントを参照してください。

次のコードは、Lightning でさまざまな種別のページに移動する例を示しています。次の例は、異なる種別のページ参照オブジェクトを作成し、それらのページに移動する方法を示しています。また、ページ参照を [NavigationMixin.GenerateUrl](pageReference) API に渡して、ページの URL に解決する promise を取得することもできます。

関連トピック