vue+element打开弹窗时重置报错

Posted web半晨

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue+element打开弹窗时重置报错相关的知识，希望对你有一定的参考价值。

目录

1、出现问题的原因

弹窗打开时未能及时获取到ref的值，导致重置的方法为undefined。

2、解决

把重置的方法放到this.$nextTick()即可。

3、关键代码

openDialog() 
	this.dialogFormVisible = true;

	// 首次打开对话框会报错
	// this.$refs.ruleForm.resetFields();

	// 解决方法一
	// this.$nextTick(() => 
		//     this.$refs.ruleForm.resetFields();
	// );

4、完整代码

gitee(码云) - mj01分支 - vue_element_resetFields 文件夹

以上是关于vue+element打开弹窗时重置报错的主要内容，如果未能解决你的问题，请参考以下文章