element中form表单resetFields()方法重置表单无效

简介: element中form表单resetFields()方法重置表单无效

官方文档

// 调用resetFields但没有生效
resetForm() {
  this.$refs['form'].resetFields();
}

解决

  1. form里需要ref
  2. 表单项el-form-item需要添加prop属性
  3. element 中重置resetFields函数 是恢复初始值 , 并非置空
  • 置空
resetForm(formName) {
    this.$nextTick(() => {
        this.$refs[formName].resetFields();
        this[formName] = {};
      })
}


相关文章
|
小程序 前端开发
解决小程序 scroll-view 里面的image有间距、小程序里面的图片之间有空隙的问题。
解决小程序 scroll-view 里面的image有间距、小程序里面的图片之间有空隙的问题。
|
前端开发 Java 开发者
深入理解Spring Boot中的@Service注解
【4月更文挑战第22天】在 Spring Boot 应用开发中,@Service 注解扮演着特定的角色,主要用于标识服务层组件。本篇技术博客将全面探讨 @Service 注解的概念,并提供实际的应用示例,帮助开发者理解如何有效地使用这一注解来优化应用的服务层架构
2707 1
|
数据采集 监控 安全
阿里云短信服务+图形认证,有效降低验证码盗刷概率
阿里云短信服务+图形认证服务,有效降低验证码盗刷概率。
1031 3
阿里云短信服务+图形认证,有效降低验证码盗刷概率
|
JavaScript
基于Element UI或Element Plus实现具有倒计时的Message消息提示
本文介绍了如何在Element UI或Element Plus框架中实现具有倒计时功能的消息提示组件,支持多次点击生成多个独立倒计时的消息提示,并提供了详细的实现代码和使用示例。
1011 1
基于Element UI或Element Plus实现具有倒计时的Message消息提示
|
安全 开发工具 git
git合并错了,我想回退到之前的版本
git合并错了,我想回退到之前的版本
|
JavaScript UED
以 Vue 3 项目为例,多个请求下如何全局封装 Loading 的展示与关闭?其中大有学问!
以 Vue 3 项目为例,多个请求下如何全局封装 Loading 的展示与关闭?其中大有学问!
|
12月前
|
API
Vue3组件通信全解析:利用props、emit、provide/inject跨层级传递数据,expose与ref实现父子组件方法调用
Vue3组件通信全解析:利用props、emit、provide/inject跨层级传递数据,expose与ref实现父子组件方法调用
2648 0
|
存储 小程序 JavaScript
element el-upload上传图片完成后隐藏上传
element el-upload上传图片完成后隐藏上传
710 0
|
JavaScript
(踩坑篇)vue element-ui resetForm()表单重置失效的问题
好久没更新了,最近在折腾Vue,没用啥时间更新博客。 但是,今天帮朋友看问题时踩到一个坑。 项目时若依的后台管理,有一个数据搜索框,如下(因为部分原因不能展示整个页面)。
1293 0