封装验证表单清理

vue前端验证表单涉及验证的,当直接设置为空时会报错,推荐封装一个轮流置空的方法
1.

//重置表单和表单数据
export default function resetForm(fromName,obj){
//清空表单
if(this.$refs[fromName]){
this.$refs[fromName].resetFields();
}
//清空数据域
Object.keys(obj).forEach(key =>{
obj[key] = '';
})
}

在src/main.js脚本文件中引入
//导入清空表单工具
import resetForm from '@/utils/resetForm'
Vue.prototype.$resetForm = resetForm;

使用方式：this.$resetForm("表单ref属性值",数据对象);

/**
* 打开添加部门窗口
*/
openAddWindow() {
//清空表单数据
this.$resetForm("deptForm", this.dept);
//设置窗口标题
this.deptDialog.title = "新增部门";
//显示添加部门窗口
this.deptDialog.visible = true;
},