# SearchBar

搜索栏,一般可位于 NavBar 下方,通过『取消按钮』退出激活状态。

# 规则

  • 应该在 placeholder 里提供提示文字,提醒用户输入相关内容,比如:搜索。
  • 用户输入实时会触发更新
  • 可以通过取消按钮让 searchbar 失去焦点
  • 可以通过清除按钮清除输入内容
  • 开启模糊搜索时会自动匹配与记忆用户每次输入内容,最多匹配五个

# 代码演示

# API

Option Description Type Default Value
value 搜索框的当前值 String -
placeholder placeholder String -
disabled 是否禁用 Boolean false
maxLength 最多允许输入的字符个数 Number -
autoFocus 是否自动获得焦点 Boolean false
cancelText 取消聚焦文本 String '取消'
onChange change 事件的回调 (val: any,event: any) => void -
onFocus focus 事件的回调 () => void -
onBlur blur 事件的回调 (val) => void -
onCancel 点击『取消』按钮时触发的回调 () => void -
type 搜索框类型 'default'(默认类型) | 'list'(支持模糊匹配) 'default'
拖拽移动|点击折叠