小程序清空输入框内容怎么做?

　　小程序清空输入框内容怎么做?有微信小程序管理员问小编，小程序清空输入框内容应该怎么去实现，所以小编我专门为大家整理了的以下的内容哦，以下就是小程序清空输入框内容怎么的做内容了。

　　小程序清空输入框内容怎么做?

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

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

　　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:'' })

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

　　好了，小程序清空输入框内容怎么实现的内就介绍到这里了哦，各位亲们，你看完以上内容后学会小程序清空输入框内容了吗?感谢大家的观看哦，大家请多多的关注微小乔哦，感谢你的关注。

相关推荐：

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

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

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