微信小程序中 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. })  

猜你喜欢

转载自blog.csdn.net/weixin_37773766/article/details/80399067