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

168 阅读 0 评论 111 点赞

我是靠谱客的博主生动过客，最近开发中收集的这篇文章主要介绍如何实现小程序中表单提交后自动清空内容，觉得挺不错的，现在分享给大家，希望可以做个参考。

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

思路分析：

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

解决思路：

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

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

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

（学习视频分享：php视频教程）

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

<input bindinput="inputText"/>

inputText: function(e) {
    this.data.quesText=e.detail.value
}
登录后复制

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。