search
优质
小牛编辑
135浏览
2023-12-01
搜索框,可显示搜索结果列表。
引入
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 | 描述 |
---|---|
- | 自定义搜索结果列表 |