首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

搜索框 | Search

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

引入

代码语言:javascript
复制
import { Search } from 'mint-ui';

Vue.component(Search.name, Search);

例子

基础用法

代码语言:javascript
复制
<mt-search v-model="value"></mt-search>

设置显示文字

代码语言:javascript
复制
<mt-search
  v-model="value"
  cancel-text="取消"
  placeholder="搜索">
</mt-search>

带搜索结果

代码语言:javascript
复制
<mt-search v-model="value" :result.sync="result"></mt-search>

自定义搜索结果

代码语言:javascript
复制
<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

描述

-

自定义搜索结果列表

扫码关注腾讯云开发者

领取腾讯云代金券