mp-searchbar组件实现点击完成按钮时触发事件

mp-searchbar组件自定义方法

自定义事件：点击完成按钮时触发

1. 举例使用mp-searchbar组件自定义input中 bindconfirm事件（点击完成按钮时触发）
2. 先进入searchbar.wxml页面找到input标签，在标签内可正常使用 bindconfirm事件。加上bindconfirm=“inputDone” （inputDone为事件名称可随意取名）
   
3. 再找到searchbar.js文件，在methods中添加inputDone事件函数

//监听用户点击完成按钮时触发
            inputDone: function (t) {
              this.triggerEvent("done", t.detail);//done是你自定义方法名
              console.log("按下了完成按钮", t.detail);
            },

4. 回到你使用mp-searchbar组件的页面，在mp-searchbar标签内添加 binddone=“ceshi” 事件（binddone中done是你在js文件中this.triggerEvent(“done”, t.detail)的done）

<!-- 搜索栏组件 -->
            <mp-searchbar class="nobc borderR icon wid" placeholder="请输入" bindinput="inputIn" binddone="ceshi" cancel="{{cancel}}"></mp-searchbar>

5. js页面可以直接使用该方法

 ceshi: function (e) {
    console.log("测试成功", e);
  },

6. 结果