사이트 경로 (Breadcrumbs)

v-breadcrumbs 컴포넌트는 페이지들을 위한 내비게이션형 헬퍼입니다.머티리얼 아이콘 이나 글자를 구분자(divider)로 사용할 수 있습니다. href 필드, 텍스트 또는 선택적으로 disabled 를 포함하는 오브젝트들의 배열이 컴포넌트의 item 속성으로 사용될 수 있습니다. 추가적으로, breadcrumbs을 더 잘 제어하기 위한 정규 슬롯이 존재합니다. v-breadcrumbs-item을 활용하거나 또는 다른 맞춤 마크업을 사용합니다.

사용법

By default, breadcrumbs use a text divider. This can be any string.

API

v-breadcrumbs
이름
dark
디폴트
false
타입
boolean

다크 테마를 적용

이름
divider
디폴트
'/'
타입
string

구분자 문자열을 설정

이름
items New in — v1.2
디폴트
[]
타입
array

Components.Breadcrumbs.

이름
justify-center Deprecated in — v1.2
디폴트
false
타입
boolean

중앙정렬 (Align the breadcrumbs center)

이름
justify-end Deprecated in — v1.2
디폴트
false
타입
boolean

우측정렬 (Align the breadcrumbs at the end)

이름
large
디폴트
false
타입
boolean

아이템의 글자크기를 키움

이름
light
디폴트
false
타입
boolean

라이트 테마를 적용

예제

아이콘 구분자 (Icon dividers)

어떤 머티리얼 디자인 아이콘이든 사용할 수 있습니다.

Item slot

You can use the scoped item slot to customize each breadcrumb.

Edit this page | language on Github
Vuetify 3 is now available!The latest version of Vuetify is now available!
Learn about Vuetify 3's new features and functionality for modern Vue applications
Start exploringExplore