此方法试用所有需要重置数据的场景
el-dialog打开一次之后,再次打开之前的数据不会销毁,依然存在。
我们需要在关闭后重新初始化数据。
重置表单的方法
this.$refs[formRef].resetFields();
有些数据不是表单中的数据,也需要重置。
难道一个个的重新手动赋值吗?当然可以,就是比较麻烦。好在vue帮我们保存了一份原始数据,直接把data复制为原始数据即可
this.$data = this.$options.data();
以上就可以正常运行,
但是如果data中有表单验证相关,会导致控制台出现报错信息,如下面代码中的ruleValidate,排除即可。
data () {
return {
dialogVisible: false,
submitLoading: false,
model: {
id: 0,
carCard: "",
driver: "",
remark: "",
},
ruleValidate: {
carCard: {required: true, message: "不能为空", trigger: "blur"},
},
};
},
重置表单数据,使用的地方特别多,我们封装为全局方法
//重置表单,formRef为表单的ref值,exclude