自己修改组件的js

组件searchbar.js文件：

hideInput() {

    this.setData({

        searchState: false,

    })

    this.triggerEvent(‘cancel’, {}) // 加上这句

}

引用组件的页面wxml文件，添加cancel事件绑定：

<mp-searchbar bindcancel=“searchCancel” …></mp-searchbar>

引用组件的页面js文件，添加cancel事件：

searchCancel(e){

    …

}