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打开弹窗时重置报错的主要内容,如果未能解决你的问题,请参考以下文章

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

react中antd每当打开不一样的弹窗时,不能更新弹窗的内容

Vue中element-ui的resetFields()方法重置表单无效问题及解决办法

ElementUI中解决使用dropdown等弹窗时定位body而非template创建的dom节点

ElementUI中解决使用dropdown等弹窗时定位body而非template创建的dom节点

element-ui的表单验证如何清除校验提示语