この文章は Salesforce 機械翻訳システムを使用して翻訳されました。詳細はこちらをご参照ください。
英語に切り替える

lightning:breadcrumb

ユー��が表示しているページの階層パス内の項目。

lightning:breadcrumb コンポーネントは、ページのパスを親ページに対する相対パスとして表示します。ブレッドクラムは、lightning:breadcrumbs コンポーネントにネストされています。各ブレッドクラムは実行可能で、大なり記号で区切られています。ブレッドクラムが表示される順序は、マークアップでリストされている順序によって決まります。

このコンポーネントは、Lightning Design System のブレッドクラムからスタイル設定を継承します。

次に例を示します。

ブレッドクラムの動作はリンクと類似しています。href 属性によってリンクが指定されていない場合、値はデフォルトの javascript:void(0); に設定されます。カスタムナビゲーションを指定するには、onclick ハンドラを使用します。onclick の使用は、たとえば force:navigateToSObject などのイベントを使用して移動する場合に役立ちます。href 属性でリンクを指定する場合は、event.preventDefault() をコールすることで、リンクをスキップして、代わりにカスタムナビゲーションを使用することができます。

aura:iteration によるブレッドクラムの生成

aura:iteration を使用して項目のリストを反復処理し、ブレッドクラムを生成します。たとえば、表示ラベルと名前の値を使用してブレッドクラムの配列を作成できます。これらの値は init ハンドラ内で設定します。

認証

属性名 属性型 説明 必須
body Component[] コンポーネントのボディ。マークアップでは、これはタグのボディに含まれるすべてを指します。
class String コンポーネントの基本クラスに加え、外部要素の CSS クラス。
href String ブレッドクラムの移動先のページの URL。
label String ブレッドクラムのテキスト表示ラベル。 はい
name String ブレッドクラムコンポーネントの名前。この値は省略可能であり、コールバック内でブレッドクラムを識別するために使用できます。
onclick Action ブレッドクラムがクリックされたときにトリガされるアクション。
title String マウスポインタが要素に重ねられたときにツールチップテキストを表示します。