element-ui 重置resetFields()不生效

element-ui 重置resetFields()不生效

初始化数据

data() {
	  return {
	  	   dialogVisible: false,
	       form: {
	           name: '',
	           age: '',
	           sex: '',
	           birth: '',
	           addr: ''
	       }
	   }
	}

弹窗关闭重置数据

handleClose() {
    // 弹窗关闭的时候清除数据
    this.$refs.form.resetFields()
    this.dialogVisible = false
}

以上操作this.$refs.form.resetFields()未生效 直接强制变值，死马当活马医

初始化数据

data() {
	  return {
	  	   dialogVisible: false,
	       form: {
	           name: '',
	           age: '',
	           sex: '',
	           birth: '',
	           addr: ''
	       },
	       resetForm: {
	       	   name: '',
	           age: '',
	           sex: '',
	           birth: '',
	           addr: ''
	       }
	   }
	}

弹窗关闭重置数据

handleClose() {
    // 弹窗关闭的时候清除数据
    this.form = this.resetForm
    this.dialogVisible = false
}