Vuetify

商店

企业版

选择器组件用于从选项列表中收集用户提供的信息。

从下面选择您想要的组件,并查看可用的属性、插槽、事件和函数。

下面是一些简单到复杂的例子。

您不能使用禁用的 v-select

您不能使用只读的 v-select,但它看起来是默认的。

标准的单选有多种配置选项

使用自定义前置或者后置图标。

多选择器可以使用 v-chip 组件来显示已选项。

您可以使用 dense 属性来降低字段高度和列表项的最大高度。

你可以指定选项数组中的文本与值字段对应的特定属性,在默认情况下是 textvalue。在这个例子中,我们也可以用 return-object 属性来返回被选中的对象。

自定义属性可以使用 menuProps 属性直接传递给 v-menu。 在此示例中,菜单被强制指向顶部并转移到顶部。

v-select 组件可以有选择地扩展,带有前缀和附加项。这是完美的定制 select-all 功能。

selection 插槽可用于自定义所选值在输入中的显示方式。 当您想要 foo (+20 others) 之类的东西或者不希望选择占据多行时,这是很棒的。

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