Для бизнеса

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

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

Below is a collection of simple to complex examples.

You cannot use disabled v-select.

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

Стандартный одиночный select имеет множество параметров конфигурации.

Используйте свою или добавленную иконку.

Multi-select может использовать v-chip для отображения выбранных элементов.

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

Вы можете указать конкретные свойства в вашем массиве элементов, соответствующие полям текста и значения. По умолчанию это текст и значение. В этом примере мы также используем свойство return-object, которое вернёт весь объект выбранного элемента при выборе.

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.

Ready for more? Continue reading with:

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