SearchBar

  • 可通过buttonText设置按钮的文字。
  • 可通过clickCallback设置点击按钮的回调。
  • 可通过queryCallback设置回车/搜索动作的回调函数。
  • 可通过focusCallback设置聚焦的回调;可通过blurCallback设置失焦的回调。
  • className/style属性加在外层,其余属性均赋予input元素。
  • 可通过showButton设置当前按钮是否显示。

主要属性和接口:

  • buttonText: 按钮文字
    如:<SearchBar buttonText="no" />
  • clickCallback: 点击按钮的回调
    如:<SearchBar clickCallback={(value)=>{console.log(value)}} />
  • queryCallback: 回车/搜索动作的回调函数
    如:<SearchBar queryCallback={(value)=>{console.log(value)}} />
  • focusCallback: 聚焦的回调
    如:<SearchBar focusCallback={()=>{console.log("focus")}} />
  • blurCallback: 失焦的回调
    如:<SearchBar blurCallback={()=>{console.log("blur")}} />
Extends Component
Module: 搜索组件

Available since 2.0.0

Constructor

方法

blurCallback

blurCallback
(
  • value
)

失焦的回调

参数:

value String

输入框的值

参数名类型标识描述
value String

输入框的值

clickCallback

clickCallback
(
  • value
)

点击按钮的回调

参数:

value String

输入框的值

参数名类型标识描述
value String

输入框的值

focusCallback

focusCallback
(
  • value
)

聚焦的回调

参数:

value String

输入框的值

参数名类型标识描述
value String

输入框的值

queryCallback

queryCallback
(
  • value
)

搜索的回调

参数:

value String

输入框的值

参数名类型标识描述
value String

输入框的值

属性

buttonText

String

按钮文案

Default:

'取消'

classPrefix

String

样式前缀

Default:

'search-bar'

placeholder

String

输入框占位符

Default:

'搜索'

showButton

Boolean

当前是否显示按钮

Default:

undefined