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

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

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

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

        

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

//input.wxml----添加控件

<input placeholder="请输入查询语句" confirm-type ="send"  value="{{searchinput}}"/>
<button type="primary" size="mini" style="background:#d0e0e3;color:#000000 " bindtap="BeginSearch">清空</button>

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

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

Page({
data: {
searchinput:''
}
BeginSearch:function(e){

this.setData({
searchinput: '',
})
}
}）

小程序体验：扫下面的二维码
 


完整代码下载：

智能生活宝-智能对话小程序Demo下载

技术交流群：