通过云函数完成搜索功能(Vant-search组件)
json文件
"usingComponents": {
"van-search": "@vant/weapp/search/index"
}
wxml文件
<van-search
value="{{ search }}"
shape="round"
background="#aa4d3d"
placeholder="请输入搜索关键词"
bind:change="onChange"
bind:search="onSearch"
/>
js文件
const db = wx.cloud.database();
onChange(e) {
this.setData({
value: e.detail,
});
},
onSearch() {
var that = this
db.collection('集合名称').where({
title: db.RegExp({
regexp: this.data.value,
options: 'i'
})
}).get({
success: res => {
console.log(res)
}
})
},