W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
搜索框,可顯示搜索結(jié)果列表。
import { Search } from 'mint-ui';
Vue.component(Search.name, Search);
基礎(chǔ)用法
<mt-search v-model="value"></mt-search>
設(shè)置顯示文字
<mt-search
v-model="value"
cancel-text="取消"
placeholder="搜索">
</mt-search>
帶搜索結(jié)果
<mt-search v-model="value" :result.sync="result"></mt-search>
自定義搜索結(jié)果
<mt-search v-model="value">
<mt-cell
v-for="item in result"
:title="item.title"
:value="item.value">
</mt-cell>
</mt-search>
參數(shù) | 說明 | 類型 | 可選值 | 默認值 |
---|---|---|---|---|
value | 搜索結(jié)果綁定值 | String | ||
cancel-text | 取消按鈕文字 | String | 取消 | |
placeholder | 搜索框占位內(nèi)容 | String | 搜索 | |
result | 搜索結(jié)果列表 | Array | ||
autofocus | 自動聚焦 | Boolean | - | false |
show | 始終顯示搜索列表 | Boolean | - | false |
name | 描述 |
---|---|
- | 自定義搜索結(jié)果列表 |
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: