提交form设置:2.bind,简书网专注分享生活感悟、人生哲理、实用小知识,让你从生活小事中获得启发与成长。">
  • 简书网微信公众号二维码
您当前的位置: 首页 > 知识百科 > 微信小程序input如何清空?

微信小程序input如何清空?

时间:2023-07-01 14:05 阅读数:211 人阅读 分类:知识百科

  微信小程序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高度怎么弄