搜索框 | 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 | 描述 |
|---|---|
- | 自定义搜索结果列表 |
本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
