微信小程序，weui组件库，searchbar组件，点击取消按钮，如何监听？
这个官方文档里只有获取焦点、失去焦点、选择结果 等事件，点击取消没有找到，百度也找不到
https://developers.weixin.qq.com/miniprogram/dev/extended/weui/search.html
相关问题
微信小程序，weui组件库，searchbar组件，点击取消按钮，如何监听？
这个官方文档里只有获取焦点、失去焦点、选择结果 等事件，点击取消没有找到，百度也找不到
https://developers.weixin.qq.com/miniprogram/dev/extended/weui/search.html
5 个回答
自己修改组件的js
组件searchbar.js文件：
hideInput() {
this.setData({
searchState: false,
})
this.triggerEvent('cancel', {}) // 加上这句
}
引用组件的页面wxml文件，添加cancel事件绑定：
<mp-searchbar bindcancel="searchCancel" .....></mp-searchbar>
引用组件的页面js文件，添加cancel事件：
searchCancel(e){
......
}
=====================
如果使用的是官方“WeUI组件库，”useExtendedLib方法引用的，就获取searchbar实例重写其hideInput方法
https://developers.weixin.qq.com/s/1sEYdYmF7HiJ
现在已经不用自己添加了，好像官方已经加上去了，直接用就行。
引用组件的页面wxml文件，添加cancel事件绑定：
<mp-searchbar bindcancel="searchCancel" .....></mp-searchbar>
引用组件的页面js文件，添加cancel事件：
searchCancel(e){
......
}
怎么调用hideInput呢，就是selectResult之后，清除搜索结果列表
太厉害了吧
牛