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

相关推荐
「已注销」6 分钟前
面试分享:二本靠7轮面试成功拿下大厂P6
前端·javascript·面试
Lee川8 分钟前
深入浅出:用 React 打造高性能懒加载无限滚动组件
前端·react.js
walking95719 分钟前
重新学习前端之JavaScript
前端·vue.js·面试
walking95720 分钟前
重新学习前端之HTML
前端·vue.js·面试
walking95721 分钟前
重新学习前端之Vue
前端·vue.js·面试
牛奶21 分钟前
开发者的"奇技淫巧":那些让你效率翻倍的实战技巧
前端·后端·程序员
咸鱼翻身更入味21 分钟前
Vue创建一个简单的Agent聊天——工具调用
前端
Timo来了22 分钟前
indexDB的用法示例
前端
walking95725 分钟前
重新学习前端之设计模式与架构
前端·javascript·面试
walking95728 分钟前
重新学习前端之TypeScript
前端·javascript·面试