Vuetify

상점

기업

Select fields components are used for collecting user provided information from a list of options.

제공되는 Props, Slots, Events 와 함수들을 이용하여 원하는 컴포넌트를 직접 구현해 보세요.

간단한 예재부터 복잡한 예제까지 아래를 참고해서 앱 개발을 시작해 보세요.

You cannot use disabled v-select.

You cannot use read-only v-select, but it looks default.

표준 단일 셀렉트는 다양한 설정 옵션을 가지고 있습니다.

앞이나 뒤에 커스텀 아이콘 붙이세요

multi-select 에서 선택된 항목들을 보여줄때 v-chip을 사용할 수 있습니다.

You can use dense prop to reduce the field height and lower max height of list items.

텍스트와 값 필드에 해당하는 항목 배열 내의 특정 속성을 지정할 수 있습니다. 기본값은 textvalue 입니다. 이 예제에서는 선택된 아이템의 전체 오브젝트를 반환하는 return-opject prop을 사용합니다..

Custom props can be passed directly to v-menu using menuProps prop. In this example menu is force directed to top and shifted to top.

The v-select components can be optionally expanded with prepended and appended items. This is perfect for customized select-all functionality.

The selection slot can be used to customize the way selected values are shown in the input. This is great when you want something like foo (+20 others) or don't want the selection to occupy multiple lines.

더 읽을 준비 되었나요? 그렇다면 아래 설명서를 더 읽어보세요!

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