element 的动态增减表单

element 动态增减表单遇到的坑

在使用element的动态新增表单项的时候，在表单提交的时候并未遇到问题，但是当表单数据回显后，输入框不能修改，点击新增表单和删除表单也无效，进行断点调试的时候发现在点击新增的时候，存放数据的数组中已经新增了一条空的数据，但是页面中为显示

图片展示

解决

原因是因为可能是render函数没有自动更新，需手动强制刷新。也有可能是其他情况，这里采用的是手动刷新，因为是输入框组件所以添加了方法 @input="$forceUpdate()"。