uniapp uview微信小程序重置表单resetFields不生效

最新推荐文章于 2025-03-14 18:06:01 发布

杜蜜月

最新推荐文章于 2025-03-14 18:06:01 发布

阅读量3.9k

点赞数 1

分类专栏：项目问题小记文章标签：微信小程序 uni-app 小程序 uview 表单重置

本文链接：https://blog.csdn.net/honeymoon_/article/details/128624869

版权

项目问题小记专栏收录该内容

48 篇文章

订阅专栏

当使用uniapp结合uview的表单时，遇到点击重置按钮无法生效的问题。一种解决方法是不直接调用this.$refs.form.resetFields()，而是手动将表单绑定的数据逐项置空，再调用clearValidate()函数清空校验结果，从而达到模拟重置的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 问题描述

uniapp + uview点击重置按钮，重置不生效

this.$refs.form.resetFields();

在这里插入图片描述

2. 解决

不生效原因未知，但我们可以模拟重置。
先将表单中的绑定的数据置空，然后把校验结果置空就可以了

reset() {
	// this.$refs.form.resetFields();
	this.form.name = '';
	this.form.email = '';
	this.form.password = '';
	this.form.confirmPassword = '';
	this.form.phone = '';
	this.form.code = '';
	this.$refs.form.clearValidate();   //清空校验结果
}