新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)小程序教程:微信小程序WeUI·搜索組件
Searchbar
搜索組件Searchbar提供搜索的功能,并展示搜索的結(jié)果。

創(chuàng)新互聯(lián)于2013年開始,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項(xiàng)目成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)網(wǎng)站策劃,項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢想脫穎而出為使命,1280元武威做網(wǎng)站,已為上家服務(wù),為武威各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18982081108
示例代碼:
{
"usingComponents": {
"mp-searchbar": "../components/searchbar/searchbar"
},
"navigationBarTitleText": "UI組件庫"
}
SearchBar
搜索欄
Page({
data: {
inputShowed: false,
inputVal: ""
},
onLoad() {
this.setData({
search: this.search.bind(this)
})
},
search: function (value) {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve([{text: '搜索結(jié)果', value: 1}, {text: '搜索結(jié)果2', value: 2}])
}, 200)
})
},
selectResult: function (e) {
console.log('select result', e.detail)
},
});
屬性列表
| 屬性 | 類型 | 默認(rèn)值 | 必填 | 說明 |
|---|---|---|---|---|
| ext-class | string | 否 | 添加在組件內(nèi)部結(jié)構(gòu)的class,可用于修改組件內(nèi)部的樣式 | |
| focus | boolean | false | 否 | 是否在組件開始創(chuàng)建的時(shí)候focus搜索輸入框 |
| placeholder | string | 搜索 | 否 | 搜索輸入框的placeholder |
| value | string | 否 | 搜索輸入框的默認(rèn)值 | |
| search | function | 是 | 輸入過程不斷調(diào)用此函數(shù)得到新的搜索結(jié)果,參數(shù)是輸入框的值value,返回Promise實(shí)例 | |
| throttle | number | 500 | 否 | 調(diào)用search函數(shù)的間隔,單位ms |
| cancelText | string | 取消 | 否 | 取消按鈕的文本 |
| cancel | boolean | true | 否 | 是否顯示取消按鈕 |
| bindfocus | eventhandle | 否 | 在輸入框focus的時(shí)候觸發(fā)事件 | |
| bindblur | eventhandle | 否 | 在輸入框blur的時(shí)候觸發(fā)事件 | |
| bindclear | eventhandle | 否 | 在clear按鈕點(diǎn)擊的時(shí)候觸發(fā)事件 | |
| bindinput | eventhandle | 否 | 在輸入框輸入過程中觸發(fā)事件 | |
| bindselectresult | eventhandle | 否 | 在選擇搜索結(jié)果的時(shí)候觸發(fā)事件 |
當(dāng)前名稱:創(chuàng)新互聯(lián)小程序教程:微信小程序WeUI·搜索組件
網(wǎng)站URL:http://www.dlmjj.cn/article/dpigcee.html
其他資訊
- 開發(fā)個(gè)小程序和個(gè)網(wǎng)站及其關(guān)聯(lián)到公眾號(hào)一般要多少錢?(做網(wǎng)站的價(jià)格是多少,做網(wǎng)站的價(jià)格如何確定)
- Redis管理責(zé)任領(lǐng)域與業(yè)務(wù)拓展(redis管理工作職責(zé))
- 優(yōu)化電腦性能,快速安裝74595Linux驅(qū)動(dòng)(74595linux驅(qū)動(dòng))
- 新網(wǎng)站優(yōu)化要怎么做?效果才會(huì)好?
- 郵件服務(wù)器架設(shè)Linux電子郵件服務(wù)器,讓你自由暢快收發(fā)郵件(linux電子)


咨詢
建站咨詢
