求解!!关于 ElementUI 中 this.$refs.editFoemRef.validate 中的一个问题

本人在使用 ElementUI 做个人项目的时候遇到一个很头疼的问题。
如图:

img

我用了 ElementUI 中所提供的 el-form 表单组件并设定了相关的 v-model 数据源绑定,我在做修改用户操作的时候,采用了 axios 进行获取数据。

this.editForm 就是我在 data 中绑定的数据源

img

表单页面如图,在我每次输入完之后,点击确定修改用户的相关数据。

img

本来 this.editForm 一切正常,不管是在外部还是哪里输出也都是我输入更改之后预期的数据。

但是!!在我通过 this.$refs.editFormRef.validate 这个函数进行数据项检查之后,输出 this.editForm 发现我输入的项都是 undefined ?!

然而我加了 setTimeout() 定时器 或者 把 this.editDialogVisible 删除之后,就又输出正常了。

this.editDialogVisible 是我用来控制表单组件视图显示隐藏的开关

img

黑人问号脸?

有没有懂的牛人能给解释一下吗,谢谢啦!

"=600 #left")

(有百度到好像说是视图渲染更新之后的问题,也不是很懂,所以来请教各位大师给个理解,衷心感谢!!)

img

在表单属性里面绑定rules属性,设置对应的验证格式。