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

相关推荐
qq_2518364575 分钟前
基于java Web汽车销售管理系统设计与实现
java·前端·汽车
花椒技术10 分钟前
低代码平台接入 Agent 后,我们踩到的组件、上下文和追问坑
前端·人工智能·agent
豹哥学前端1 小时前
事件循环(Event Loop)深度解析:让你彻底搞懂 JS 的执行顺序
前端·javascript·面试
竹林8181 小时前
用 wagmi v2 + Next.js 14 搞 NFT 交易市场前端:从合约调用失败到顺利上架,我踩了哪些坑
javascript·next.js
前端不开发1 小时前
用一个 Bookmarklet(书签脚本),给任意网页挂一个可拖拽悬浮窗
前端·javascript
接着奏乐接着舞1 小时前
【无标题】
开发语言·前端·javascript
Ian在掘金2 小时前
SSE 还是 WebSocket?从 AI 流式输出聊到实时通信选型
前端·人工智能
雨雨雨雨雨别下啦2 小时前
心理健康AI助手 - 项目总结
前端·javascript·vue.js·人工智能·信息可视化