场景:希望读取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: '',
- })
- }
- })