当前位置 : 主页 > 编程语言 > 小程序开发 >

如何实现小程序中表单提交后自动清空内容

来源:互联网 收集:自由互联 发布时间:2021-08-15
目的:微信小程序提交后,表单内容自动清空。 思路分析: 我们可以通过value绑定来进行清除,但是这种方法在表单数据非常多的情况下会变得很麻烦。 解决思路: form使用bindreset事件

目的:微信小程序提交后,表单内容自动清空。

思路分析:

我们可以通过value绑定来进行清除,但是这种方法在表单数据非常多的情况下会变得很麻烦。

解决思路:

form使用bindreset事件提交数据,而不是使用bindsubmit事件,这样点击提交后会自动清空表单内容。

但是这样会带来一个新问题:

使用bindreset无法从事件参数e.detail.value.name获得表单数据

(学习视频分享:php视频教程)

因此需要在表单绑定事件获取内容,例如

<input bindinput="inputText"/>

inputText: function(e) {
    this.data.quesText=e.detail.value
}

相关推荐:小程序开发教程

以上就是如何实现小程序中表单提交后自动清空内容的详细内容,更多请关注自由互联其它相关文章!

网友评论