element-ui 重置resetFields()不生效

本文主要是介绍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.resetFormthis.dialogVisible = false
}

这篇关于element-ui 重置resetFields()不生效的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---