问题场景：
vue element ui在做编辑和添加时候使用同一个组件页面，先点击编辑然后在点击新增，此时表单数据不清空，使用this.$refs[dataForm].resetFields()也无效。
问题原因：
点击编辑 再点击添加，这时候数据已经赋值了，this.$refs['dataForm'].resetFields()这个做法其实是重置表单到初始值，不是清空表单，当表单第一次在页面中渲染时所用的数据就是初始数据，表单渲染时就会将这个修改对象作为初始值，所以出现无效了。
解决方法：
（1）用nextTick(() => {
this.$refs['dataForm'].resetFields();
});
（2）如果（1）不行的话就直接在页面初始的时候将表单数据重置：
this.refs['dataForm'].clearValidate() //移除表单项的校验结果
});
for(let key in this.dataForm){
this.dataForm[key]=""
}
以上over~
问题场景：vue element ui在做编辑和添加时候使用同一个组件页面，先点击编辑然后在点击新增，此时表单数据...
1、vue使用element-ui的form表单验证 问题描述：第一次点击新增时正常，第二次新增打开弹窗后由于表单...
疯狂的表单 新增表单控件 新增表单属性 表单验证反馈 关闭验证
问题element-ui的表单验证this.$refs[formName].validate方法内的表单提交代码不...
这个问题是这样子的： 用element-ui的表单组件，组件中自带表单校验，每个字段可自行设置数据类型，和触发校验...
html5 表单 新增input类型 新增表单元素 html5表单验证 新增表单属性 新增的input类型 inp...
表单重置，也就是表单项清空
#金数据教程#201707011 【金数据】07 怎样让同伴们也能编辑表单？ 【全文链接：】 1.进入表单编辑，找...
基于element-ui的数据驱动表单组件，你从来没玩过的全新版本，一行代码解决整个表单页，不仅内置20多种表单类...
无论如何，都要用力地活啊！ 在线创建数据库表（配置表单） 点击在线开下的 Online表单开发，右侧再点击新增按钮...
本文标题：element-ui 表单编辑之后再新增表单数据无法清空问题（已
本文链接：https://www.haomeiwen.com/subject/hksgtktx.html
网友评论