Usage

Remember to put the element that activates the menu in the activator slot.

API

예제

절대위치 (Absolute position)

메뉴는 또한 absolute prop을 사용하는 요소의 위에 절대적으로 (원하는 위치에) 나타낼 수 있습니다. 이미지의 아무곳이나 클릭해보세요.

호버링 (Hover)

open-on-hover prop을 사용하면 클릭 대신 호버링으로 메뉴에 접근할 수 있습니다.

커스텀 트랜지션 (Custom transitions)

Vuetify엔 3개의 기본 트랜지션 scale, slide, slide-x, slide-y 가 있습니다. 하지만 트랜지션 인자로 직접 만든 트랜지션을 사용할 수도 있ㅅ브니다. 예를 들어 어떻게 스톡(stock) 트랜지션이 작동하는지 보려면 here를 방문하세요.

비활성화 (Disabled)

You can disable the menu. Disabled menus can't be opened.

X offset

Menu can be offset by the X axis to make the activator visible.

Y offset

Menu can be offset by the Y axis to make the activator visible.

Close on click

Menu can be closed when lost focus.

Close on content click

You can configure whether v-menu should be closed when its content is clicked.

활성자가 없는 절대위치 (Absolute position without activator)

또한 absoluteposition-x, position-y prop들을 함께 사용하면 활성자(activator) 없이도 메뉴를 원하는 절대좌표에 나타낼 수 있습니다. 이미지의 아무곳에나 오른쪽 클릭을 해보세요.

여러 메뉴 (Menus)

메뉴는 또한 거의 모든 컴포넌트 안에 위치할 수 있습니다.

팝오버 메뉴 (Popover menu)

A menu can be configured to be static when opened, allowing it to function as a popover. 이는 메뉴 안에 여러 인터렉티브한 아이템이 있을 때 유용합니다.

Edit this page on Github | Translate on Crowdin
Vuetify
상점기업