vue关闭弹窗时打开另一个弹窗,出现弹窗无法关闭的问题

Posted 2023-04-17

参考技术A vue关闭弹窗时打开另一个弹窗,出现弹窗无法关闭的问题？
答案如下，vue关闭弹窗时打开另一个弹窗,出现弹窗无法关闭的原因是电脑系统版本太低

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

目录

• 1、出现问题的原因
• 2、解决
• 3、关键代码
• 4、完整代码

---

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