跳到主要内容
auto-complete
自动完成组件用于在输入框中根据用户输入的关键字,提供匹配的候选项。

基本定义

构成元素

图片

  1. Input输入框
  2. 关联内容列表,关联内容的承载列表

类型

样式类型可分为输入类型,搜索类型 图片

  • 输入类自动完成的结构与Input输入框一致;
  • 搜索类自动完成的结构与基础的搜索表单一致;

用法

什么时候用

  • 在输入场景内,需要快捷录入,且有可供匹配的数据源
  • 选择项较多的单选,多选场景
  • 模糊搜索场景

什么时候不使用

  • 输入场景不可控,没有针对性的数据源匹配
  • 关联数据源过于庞大,会严重影响页面性能时