element-ui 重置表单this.$refs.dataForm.resetFields()时报错

本文主要是介绍element-ui 重置表单this.$refs.dataForm.resetFields()时报错，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

问题：element-ui 重置表单this.$refs.dataForm.resetFields()时报错：

            [Vue warn]: Error in v-on handler: "Error: please transfer a valid prop path to form item!"

原因：执行重置表单操作时，DOM还没有加载，获取不到表单DOM，就报错了。

解决方法：使用this.nextTick解决，等待dom加载以后再来获取dom对象

this.$nextTick(()=>{this.$refs.dataForm.resetFields();//清空表单
})    

参考链接：https://www.jianshu.com/p/ab8deeaac9d4

这篇关于element-ui 重置表单this.$refs.dataForm.resetFields()时报错的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---