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

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

浏览量:677 时间: 来源:_世纪末的魔术师_

场景:希望读取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. })  
小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎