本人在使用 ElementUI 做个人项目的时候遇到一个很头疼的问题。
如图:
我用了 ElementUI 中所提供的 el-form 表单组件并设定了相关的 v-model 数据源绑定,我在做修改用户操作的时候,采用了 axios 进行获取数据。
this.editForm 就是我在 data 中绑定的数据源
表单页面如图,在我每次输入完之后,点击确定修改用户的相关数据。
本来 this.editForm 一切正常,不管是在外部还是哪里输出也都是我输入更改之后预期的数据。
但是!!在我通过 this.$refs.editFormRef.validate 这个函数进行数据项检查之后,输出 this.editForm 发现我输入的项都是 undefined ?!
然而我加了 setTimeout() 定时器 或者 把 this.editDialogVisible 删除之后,就又输出正常了。
this.editDialogVisible 是我用来控制表单组件视图显示隐藏的开关
黑人问号脸?
有没有懂的牛人能给解释一下吗,谢谢啦!
(有百度到好像说是视图渲染更新之后的问题,也不是很懂,所以来请教各位大师给个理解,衷心感谢!!)