element ui form动态添加表单数据,渲染超时以及输入延迟的问题
在开发过程中,新建一张表单的时候因为表单内容比较复杂,所以偷了懒直接给表单一个空对象,在简单的表单应用的情况下不会有异常,但是涉及到动态添加表单,或者更改表单内容的时候,会造成很严重的问题,但是很难调试this.configForm = {}this.configForm = {jenkinsParamList:{},jobMana...
·
在开发过程中,新建一张表单的时候因为表单内容比较复杂,所以偷了懒直接给表单一个空对象,在简单的表单应用的情况下不会有异常,但是涉及到动态添加表单,或者更改表单内容的时候,会造成很严重的问题,但是很难调试
this.configForm = {}
this.configForm = {
jenkinsParamList:{},
jobManagerName:'',
jenkinsConfigId:'',
jobName:'',
configName:'',
jobManagerId:'',
buildType:'',
list:[],
selectionList:[]
}
第一种写法会在动态添加表单的过程中造成延迟,我使用了强制刷新,但是发现手动修改的时候也会延迟。
在对内容动态修改的时候会造成渲染不上或者延迟,我大概猜测肯能是因为没有初始化导致取不到数据。
希望有大神可以讲讲其具体实现原理,以及纪念此次踩坑,还有记住写代码的时候尽量少偷懒…
更多推荐
已为社区贡献1条内容
所有评论(0)