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

相关推荐
R-sz7 分钟前
UE5.4 打包报错 error C4668 C4067
java·前端·ue5
Nuopiane9 分钟前
Pal3.Unity开源项目复刻(八)其余
java·服务器·前端
无知的小菜鸡22 分钟前
React 零散知识记录
前端·react.js·前端框架
whosTTQ23 分钟前
claude code 通过项目git提交记录生成自画象
前端
CHU72903539 分钟前
便捷点餐,随心畅享——外卖点餐小程序前端功能详解
前端·小程序
Data_Adventure40 分钟前
2025–2026 Three.js 有哪些重要更新?Web 3D 正在进入 WebGPU 时代
前端·three.js
全栈老石41 分钟前
再见 Moment.js!浏览器原生支持的新一代时间库 Temporal 来了
前端·javascript
周淳APP41 分钟前
【HTTP之浏览器缓存及渲染】
前端·网络·网络协议·http·缓存
叫我一声阿雷吧1 小时前
JS 入门通关手册(13):DOM 基础入门:用 JavaScript 操作网页元素,让页面 “活” 起来!
javascript·dom操作·js入门·零基础学前端·网页交互
我命由我123451 小时前
React - React 初识、创建虚拟 DOM 的两种方式、jsx 语法规则、React 定义组件
前端·javascript·react.js·前端框架·html·html5·js