微信小程序清空输入框怎么实现?

　　微信小程序清空输入框怎么实现?如果在微信小程序中input空间输入文字以后，应该如何去实现小程序输入框清空呢?今天小编就来为大家介绍微信小程序清空输入框怎么实现，以下是具体方法了。

　　微信小程序清空输入框怎么实现?

　　微信小程序清空输入框的效果展示如下：

　　微信小程序清空输入框关键微信小程序代码如下：

　　index.wxml文件

　　index.js文件

　　场景：希望读取微信小程序input控件的输入内容之后，清空输入框的内容。

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

　　只能通过数据传递的方式实现，微信小程序清空输入框方法如下：

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

　　[javascript] view plain copy print?

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

　　清空

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

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

　　[javascript] view plain copy print?

　　Page({

　　data: {

　　searchinput:''

　　}

　　BeginSearch:function(e){

　　this.setData({

　　searchinput: '',

　　})

　　}

　　})

　　表单重置时会触发reset事件，在formreset事件中提交数据就行了，不过这样不能使用event.detail获取输入值了，要用input的bindinput事件或bindblur事件获取。然后用this.setData({})把值存起立提交表单时拿出来就行了。

　　可以用一个最简单的方法。

　　不需要设置重置属*，只需要在input中设置属*value

　　type="text" name='name' value="{{name}}"/>

　　然后表单提交，在成功返回函数success中设置

　　this.setData({ name:'' })

　　这样就每次提交后都会把输入框的内容清空了。

　　感谢大家的观看哦，以上就是微信小程序清空输入框怎么实现的内容了，对于微信小程序开发者来说，以上的内容并不难哦，希望大家都可以学会怎么操作。大家请多多的关注微小乔哦。

相关推荐：

微信小程序如何弹出输入框?

微信小程序键盘遮挡输入框问题

小程序弹出输入框怎么设置