Skip to content

组合选择框 (Combobox)

v-combobox 组件本质上是 v-text-field 组件,允许填入 items 数组里的值,或者自定义的值。选择的值会以字符串形式返回。

使用

使用组合框,您可以允许用户创建可能不在提供的项列表中显示的新值。

API

组件描述
v-combobox主要组件
v-autocomplete允许高级过滤的选择组件
v-selectHTML 的替代品

注意

DANGER

由于组合框允许用户输入,它 总是 返回提供给它的完整值(例如,对象列表在选择时总是返回一个对象)。这是因为无法判断一个值是用户输入还是对象查找 GitHub Issue

这也意味着键入的字符串不会像点击一样选择项目,当使用对象项目时,您可能需要设置 auto-select-first="exact"

示例

属性

间距

您可以使用 density 属性来调整组件内的垂直间距。

多个组合框

Previously known as tags - user is allowed to enter more than one value.

以前称为 tags - 用户可以输入多个值。

插槽

No data with chips (无内容的插槽)

在本例中,我们使用一个自定义的 no-data 插槽在 搜索/创建 项时为用户提供上下文。