场景:希望读取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下载
技术交流群: