Search - 搜索框

搜索框,可显示搜索结果列表。

引入

import { Search } from 'mint-ui';

Vue.component(Search.name, Search);

例子

基础用法

<mt-search v-model="value"></mt-search>

设置显示文字

<mt-search
  v-model="value"
  cancel-text="取消"
  placeholder="搜索">
</mt-search>

带搜索结果

<mt-search v-model="value" :result.sync="result"></mt-search>

自定义搜索结果

<mt-search v-model="value">
  <mt-cell
    v-for="item in result"
    :title="item.title"
    :value="item.value">
  </mt-cell>
</mt-search>

API

参数说明类型可选值默认值
value搜索结果绑定值String
cancel-text取消按钮文字String取消
placeholder搜索框占位内容String搜索
result搜索结果列表Array
autofocus自动聚焦Boolean-false
show始终显示搜索列表Boolean-false

Slot

name描述
-自定义搜索结果列表


实例演示

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号

意见反馈
返回顶部