상점

기업

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

Select your desired component from below and see the available props, slots, events and functions.

Below is a collection of simple to complex examples.

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

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

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

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

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

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

Menu can be closed when lost focus.

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

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

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

Ready for more? Continue reading with:

Caught a mistake or want to contribute to the documentation? Edit this page on GitHub!