当前位置: 首页 > 文档资料 > Mint UI 中文文档 >

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描述
-自定义搜索结果列表