微信小程序中 input空间输入文字如何清空

场景：希望读取input控件的输入内容之后，清空输入框的内容。由于本人是JS小白，整整花了一两个小时都没找到方法。

原来微信小程序不支持document通过id获取控件的方法，尽管编译不报错，但是实际是不起作用的，本人亲测。

只能通过数据传递的方式实现，方法如下：

        

功能：按控件“输入”，之后input输入框就会清空

[javascript]  view plain  copy

1. //input.wxml----添加控件  
2.   
3.  <input placeholder="请输入查询语句" confirm-type ="send"  value="{{searchinput}}"/>  
4.  <button type="primary" size="mini" style="background:#d0e0e3;color:#000000 " bindtap="BeginSearch">清空</button>      

其中{{searchinput}}即input控件的输入数据

然后在对应page 的js文件中实现清空：

[javascript]  view plain  copy

1. Page({  
2. data: {    
3.     searchinput:''  
4.   }  
5. BeginSearch:function(e){  
6.      
7.     this.setData({  
8.       searchinput: '',  
9.     })  
10.   }  
11. }）