element ui form动态添加表单数据，渲染超时以及输入延迟的问题

最新推荐文章于 2024-08-21 14:51:53 发布

吃饱再多吃两口

最新推荐文章于 2024-08-21 14:51:53 发布

阅读量4k

点赞数 3

分类专栏： vue js 文章标签： element ui

本文链接：https://blog.csdn.net/qq_42977016/article/details/89850982

版权

vue 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

3 篇文章 0 订阅

订阅专栏

在开发过程中，新建一张表单的时候因为表单内容比较复杂，所以偷了懒直接给表单一个空对象，在简单的表单应用的情况下不会有异常，但是涉及到动态添加表单，或者更改表单内容的时候，会造成很严重的问题，但是很难调试

this.configForm = {}

this.configForm = {
              jenkinsParamList:{},
              jobManagerName:'',
              jenkinsConfigId:'',
              jobName:'',
              configName:'',
              jobManagerId:'',
              buildType:'',
              list:[],
              selectionList:[]
            }

第一种写法会在动态添加表单的过程中造成延迟，我使用了强制刷新，但是发现手动修改的时候也会延迟。
在对内容动态修改的时候会造成渲染不上或者延迟，我大概猜测肯能是因为没有初始化导致取不到数据。
希望有大神可以讲讲其具体实现原理，以及纪念此次踩坑，还有记住写代码的时候尽量少偷懒…