Ant Design表单重置

最新推荐文章于 2025-02-28 00:15:00 发布

qq_36987708

最新推荐文章于 2025-02-28 00:15:00 发布

阅读量1.1k

点赞数

分类专栏：前端框架 angular 文章标签： angular

本文链接：https://blog.youkuaiyun.com/qq_36987708/article/details/117527039

版权

前端框架同时被 2 个专栏收录

24 篇文章

订阅专栏

angular

3 篇文章

订阅专栏

博客提到文档中的重置功能，当遇到有默认值的情况，如select有默认选项时，使用value.属性=属性值的方式重置无效，后续给出了解决办法，但未详细说明解决内容。

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

resetForm(e: MouseEvent): void {
    e.preventDefault();
    this.validateForm.reset();
    for (const key in this.validateForm.controls) {
      this.validateForm.controls[key].markAsPristine();
      this.validateForm.controls[key].updateValueAndValidity();
    }
}

文档上的重置功能

但是遇到有默认值的，比如select有默认选项的，重置时直接value.属性=属性值，并不奇效

解决：

resetForm(e: MouseEvent): void {
    e.preventDefault();
    for (const [controlName, control] of Object.entries(this.searchProductForm.controls)) {
      if (controlName === 'approvalStatus') {
        control.patchValue(3);
      } else {
        control.patchValue(null);
      }
    }
}