셀렉트 필드 컴포넌트는 옵션 목록에서 사용자가 제공하는 정보를 수집하는데 사용됩니다.

API

예제

Disabled

You cannot use disabled v-select.

Read-only

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

라이트 테마 (Light theme)

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

아이콘 (Icons)

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

복수선택 (Multiple)

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

Customized item text and value

You can specify the specific properties within your items array correspond to the text and value fields. By default, this is text and value. In this example we also use the return-object prop which will return the entire object of the selected item on selection.

Custom menu props

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.

Prepend/Append item slots

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

Change selection appearance

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.

Edit this page | language on Github
Vuetify
상점For Enterprise