element-ui 重置resetFields()不生效

2023-12-13 03:36:33

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
}

文章来源:https://blog.csdn.net/weixin_47702002/article/details/134957987
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。