微信小程序input如何清空?
微信小程序input如何清空?很多人在使用微信小程序的时候遇到了一些问题,例如微信小程序input如何清空就是其中之一,那么到底微信小程序input如何清空?下面小编给大家介绍介绍。
微信小程序input如何清空?
方法一:可以用表单的重置功能。
按钮设置:
1.formType="reset">提交
form设置:
2.bindreset="formReset">
表单重置时会触发reset事件,在formreset事件中提交数据就行了,不过这样不能使用event.detail获取输入值了,要用input的bindinput事件或bindblur事件获取。然后用this.setData({})把值存起立提交表单时拿出来就行了。
方法二:可以用一个最简单的方法。
不需要设置重置属*,只需要在input中设置属*value。
1.type="text" name='name' value="{{name}}"/>
然后表单提交,在成功返回函数success中设置
1.this.setData({
2.name:''
3.})
这样就每次提交后都会把输入框的内容清空了。
方法三:这里的原理是通过一个中间变量去存储输入的信息,然后把原来的值清除掉,把中间变量的值拿去操作。
这里给大家附上代码吧。
这样就可以成功点击发送按钮之后,拿到输入框的数据去进行操作,而且输入框的内容会被清空(重置),button一定是要在form里面,并且要有formType属*。
以上就是小编给大家整理的有关微信小程序input如何清空的全部内容了。当然小编在这里提供的方法只是众多方法里面的一部分,还有很多方法小编就不在这里一一赘述了,希望帮到大家,更多精彩尽在微小乔!
相关推荐:
为什么微信小程序view文本会显示空格?如何解决显示空格的问题?
微信小程序自定义控件效果怎么实现?
设置微信小程序swiper高度怎么弄
下一篇:小程序网页跳转有哪些方式?
