Search

搜索框

引入

import MpSearch from 'mp-weui/packages/search'

export default {
  components: {
    MpSearch
  }
}

示例

<mp-search
  @confirm="onSearchConfirm"
  @change="onSearchChange"
/>

特别说明

使用 v-model 可能会出现光标闪烁情况,请使用 change 事件代替。

Props

cancelText

  • Type: string
  • Default: 取消

取消按钮文本。

confirmType

  • Type: string
  • Default: done
  • Option: send → 发送search → 搜索next → 下一个go → 前往done → 完成

设置键盘右下角按钮的文字。

placeholder

  • Type: string
  • Default: 搜索

输入框为空时占位符。

value

  • Type: string

绑定值。

Events

change

  • Parameter: value

输入框数据变化时触发事件。

confirm

  • Parameter: value

点击键盘右下角按钮时触发事件。