vue+element table渲染问题

第一次写博客，有点小鸡冻，我为什么现在开始想写博客了呢？也没什么理由使然，就是突然想做一件事了，同时记录下自己开发中遇见的神坑bug，聊一聊从今而后的心路历程。

废话以后摆，先说问题：

 

 

如图所示，打开父组件的时候，通过父组件调用子组件方法，向后台请求数据，在数据成功返回之前，如果点击按钮打开子组件弹窗，这时表格数据可以正常渲染；但若等到数据成功返回之后，才点击按钮打开子组件弹窗，这时表格数据无法正常渲染。

 

总结：

这个问题关键点在于，表格数据集tableData赋值的时机。如果子组件弹窗先弹出，之后进行的一系列表格数据集的赋值操作都是正常的，数据可以正常渲染，但若子组件弹窗没有弹出，即使你控制Dom预先加载子组件，也无法为表格数据集正常赋值。

 

目前我还没有找到解决问题的有效方案，只是发现了这个规律，可能是vue+element中table渲染的一个bug，或者是我有什么地方忽略了什么，希望有类似经历并找到解决方案的小伙伴回复我，给我指一条路。

今天就到这里吧，下次再会!