写在前面:
前置知识:
前置知识:
- 小程序基础
- weui组件基础
-
基础使用
wxml
<mp-searchbar bindselectresult="selectResult" search="{{search}}"></mp-searchbar>
js文件
// 页面加载时候 onLoad: function (options) { this.setData({ search: this.search.bind(this) }) } search: function (value) { return new Promise((resolve, reject) => { resolve([{text: '搜索结果', value: 1}, {text: '搜索结果2', value: 2}]) }) }, // 选择结果的函数 selectResult (e) { console.log('select result', e.detail) },
方法
取消方法
这个方法在文档中没有,但是注册了。
bindcancel eventhandle 否 在点击取消按钮触发事件 search方法
方法返回一个Promise的实例。(具体的请自行搜索,这里只简单介绍使用)
我们采用new一个这个对象return new Promise((resolve, reject) => {处理内容})
返回写在resolve中
用列表存储字典
每一个字典包括 text:展示的内容 value:序号
如果只是字符串列表则不会显示出内容。