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的表单

相关推荐
小智社群7 小时前
获取贝壳新房列表
前端·javascript·vue.js
threelab7 小时前
Three.js 动态旋转同心圆着色器 | 三维可视化效果
开发语言·javascript·着色器
武藤一雄7 小时前
WPF:MessageBox系统消息框
前端·microsoft·c#·.net·wpf
吴声子夜歌9 小时前
Vue3——Pinia状态管理
javascript·vue.js·pinia
是上好佳佳佳呀10 小时前
【前端(十)】CSS 过渡与动画笔记
前端·css·笔记
用户新15 小时前
V8引擎 精品漫游指南--Ignition篇(下 一) 动态执行前的事情
前端·javascript
@PHARAOH16 小时前
WHAT - GitLens vs Fork
前端
yqcoder17 小时前
前端性能优化:如何减少重绘与重排?
前端·性能优化
洋子17 小时前
Yank Note 系列 13 - 让 AI Agent 进入笔记工作流
前端·人工智能
wenzhangli719 小时前
Ooder A2UI 核心架构深度解析:WEB 拦截层的设计与实现
前端·架构