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

398 阅读1分钟

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 文件夹