# Autocompletes（自动补全）
v-autocomplete组件提供简单且灵活的自动补全功能 且支持查找大规模数据甚至是从API请求的动态数据
# 使用
自动补全组件拓展了v-select并且添加了过滤项目的功能
# API
# 注意
当使用一个Object(对象) 作为items的属性时，你必须使用item-text和item-value与传入的对象关联起来。 这些值默认为 text 和 value 且可以更改。
menu-props 的 auto 属性只支持默认输入样式。
浏览器自动补全默认设置为关闭，可能因不同的浏览器而变化或忽略。 MDN
# 示例
下面是一些简单到复杂的例子。
# 属性
# 紧凑
你可以使用dense属性来降低自动补全的高度和缩小列表项的最大高度。
# 过滤器
filter属性可以用自定义的逻辑来过滤单独的项目 在这个例子中我们使用name来过滤项目
# 插槽
# 项目和选择项
你可以使用插槽自定义被选中时的视觉效果。 在这个示例中，我们为chips和list-item添加了头像。
# 其他
# API查找
轻松绑定动态数据并创建独特的体验。 v-autocomplete的扩展支持列表使得很容易调节每个方面的输入。
# 异步项目
有时您需要基于搜索查询加载外部的数据。 在赋值autocomplete的属性时使用search-input属性与**.sync修饰符 我们还使用新的 cache-items 属性。 这将保持一个唯一的列表，它的所有项目都被传递到items属性。当使用异步项目和 多个 属性时是必须的** 。
# 加密货币选择器
v-autocomplete 组件非常灵活，可以适合任何使用情况。 为no-data, item和selection插槽创建自定义的显示样式以提供独特的用户体验. 使用 插槽 使您能够轻松自定义您的应用程序所需的外观。
# 状态选择器
结合使用 v-autocomplete插槽和过渡，您可以创建一个现代的的可切换的自动补全栏，例如这个状态选择器。
了解更多？
继续学习由 我们的团队 选择的相关内容，或通过使用下面的导航链接在页面之间跳转。
在 GitHub 上编辑此页面
最后更新：11/12/2024, 6:59:50 AM