# 组合选择框 (Combobox)
v-combobox
组件是一个允许用户输入不存在于所提供项目的值的v-autocomplete。 被创建的项目返回字符串类型
# 使用
使用组合框,您可以允许用户创建可能不在提供的项列表中显示的新值。
# API
# 注意
因为组合框(ComboBox) 允许用户输入,它总是返回提供给它的完整值(例如,对象列表在选择时返回对象) 这是因为无法知道某个值是否被认为是用户输入或对象查找GitHub Issue
menu-props 的 auto 属性只支持默认输入样式。
浏览器自动补全默认设置为关闭,可能因不同的浏览器而变化或忽略。 MDN
# 示例
# 属性
# Dense(密集)
你可以使用dense
属性来降低自动完成的高度和缩小列表项的最大高度。
# 多个组合框
以前被称为tags - 允许用户输入多个值
# 插槽
# No data with chips (无内容的插槽)
在本例中,我们使用一个自定义的 no-data 插槽在 搜索/创建 项时为用户提供上下文。
# 其他
# 高级自定义选项
v-combobox
可以通过添加v-select
和v-autocomplete
功能来优化。 这为您提供了一个扩展接口,可以创建真正的定制实现程序。 此示例利用了一些更高级的功能,例如自定义 过滤 算法、内联列表编辑和动态输入项。
了解更多?
继续学习由 我们的团队 选择的相关内容,或通过使用下面的导航链接在页面之间跳转。
在 GitHub 上编辑此页面
最后更新:10/07/2024, 11:31:37 AM