# Breadcrumbs

v-breadcrumbs コンポーネントはページのナビゲーションヘルパーです。区切り文字としてマテリアルアイコン またはテキスト文字を使用できます。オブジェクトの配列は、コンポーネントの items プロパティに渡すことができます。さらに、breadcrumbsの制御を強化するためにスロットが用意されており v-Breadcrumbs-item または他のカスタムマークアップを利用できます。

# 使い方

デフォルトのbreadcrumbsはテキストで区切られます。あらゆる文字を使用することができます。

# API

# 注意事項

デフォルトでは v-breadcrumbs はネストされたパス内の現在のページまでのすべてのクラムを無効にします。 items 配列の各パンくずリストに exact: true を使用すると、この動作を防ぐことができます。

# サンプル

# Props

# Divider

区切り記号は、dividerプロパティを使用して設定できます。

# Large

Large指定されたパンくずリストはフォントサイズが大きくなります。

# Slots

# アイコン区切り

icon 変数を使用することで、 Material Design Icon に存在するアイコンを Breadcrumbs に使用することができます。

# Item

itemスロットを使用して、各breadcrumbをカスタマイズできます。

準備はできましたか？

Vuetifyのチームが選ぶ関連コンテンツで他の学習トピックに進むか、下のナビゲーションリンクでページ間を移動できます。

GitHub でこのページを編集する

最終更新日:08/28/2026, 7:52:36 PM