elementUi表单恢复至初始状态并不触发表单验证

elementUi表单恢复至初始状态并不触发表单验证

1.场景再现

左侧是树形列表,右侧是显示节点的详情,点击+按钮应该就是新增一个规则的意思,表单内容是没有改变的,所以就把需要把表单恢复至初始状态并不触发表单验证

2.解决方法

javascript 复制代码
 this.form = this.$options.data().form ;
      // 重置验证状态
      this.$nextTick(() =>{
        this.$refs.form.clearValidate();
      })

this.form是定义在Data里的form数据, this.$refs.form是el-form ref为form的表单

相关推荐
睿智的海鸥3 分钟前
Markdown 语法大全详解
开发语言·前端·javascript·css·html
Highcharts.js14 分钟前
用Highcharts如何动态向一个序列添加点
前端·javascript·react.js·highcharts
HookJames19 分钟前
设计Section 09 · Cost & Lead Time Factors 的完整 Block Editor 操作步骤
前端
玖玖passion1 小时前
React 常用 Hooks 函数及使用方法完全指南(useState / useEffect / useRef / useContext / useCallback / useMemo / useReducer)
前端·javascript
Awu12271 小时前
⚡精通Claude第6课-Hooks钩子系统:从前端视角玩转AI自动化工作流
前端·aigc·claude
椰猫子1 小时前
Spring Framework(Bean)
java·前端·spring
道清茗1 小时前
【RH294知识点汇总】第 7 章 《 使用角色和 Ansible 内容集合简化 Playbook 》
java·前端·ansible
TechMasterPlus1 小时前
Hermes 深度解析:React Native 高性能 JavaScript 引擎实践指南
javascript·react native·react.js
前端那点事1 小时前
彻底弄懂async/await!解决回调地狱,Vue异步开发必备(超全实战)
前端·vue.js
VagueVibes1 小时前
Openclaw 快速接入 DeepSeek V4 Pro 指南
javascript