懒加载元素未渲染时引起的数据和校验问题 #3841
Unanswered
daijingfeng
asked this question in
Q&A [2.x]
Replies: 1 comment 1 reply
-
请教一下这个问题解决了么 我遇到了同样的问题,组件都是懒加载的,form.query字段的时候 有些组件还没加载,导致没办法做初始化。 |
Beta Was this translation helpful? Give feedback.
1 reply
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Demo复现
codesandbox
场景
表单是一个双层Tab嵌套的形态,默认只展开第一个Tab项。组件是自定义实现。demo是简化的版本,实际每个表单项复杂很多,如果一次性渲染完,性能会有影响,因此需要做懒加载。但实现懒加载后带来了两个问题。
问题1:数据问题
当使用
InterSectionObserve
实现元素懒加载后,未渲染的元素,通过form.values
获取的数据不完整。例如该表单是一个默认 2个 Tab,每个 Tab 8 条数据。全部渲染完成时,获取的数据是正确的。
当只渲染了两个元素时,只获得是两个元素的数据
问题2:校验问题
通过
form.validate
触发校验也仅是对已经渲染的元素的校验。想要实现的是通过校验方法能对整个表单进行校验,即使元素未渲染。并且元素在可视区域显示或Tab展开时,能正常显示错误信息。🙏麻烦大佬帮忙看看这种场景如何解决。
Beta Was this translation helpful? Give feedback.
All reactions