组合选择框 (Combobox)
v-combobox
组件本质上是 v-text-field 组件,允许填入 items 数组里的值,或者自定义的值。选择的值会以字符串形式返回。
使用
使用组合框,您可以允许用户创建可能不在提供的项列表中显示的新值。
API
组件 | 描述 |
---|---|
v-combobox | 主要组件 |
v-autocomplete | 允许高级过滤的选择组件 |
v-select | HTML 的替代品 |
注意
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 插槽在 搜索/创建 项时为用户提供上下文。