坏丶毛病

element ui-table爬坑

之前在vue中使用element-ui的表格，都是固定的key值，也就是这种情况。

所以我们只要在table的data传入这个数组，然后在column的prop中传入key即可实现渲染表格，行数是数组的长度，每一列是传入的key

效果：

但是当我们的key是不固定的，那么这样的问题应该怎么解决？

肯定不能写固定的key，应为每次的key都是不一致的，那么最好的办法就是循环以此来动态获取key

那么我们来看看怎么实现的。

先看需求：

我们需要渲染这个数组，其中有一项是样本数据，也是个数组格式，它也是需要表格做为支撑的，但是每条数据的样本数据的长度不一，而且key值不固定，那么怎么解决呢？

错误示范：

我个人的理解是，在table中传入当前数组中的SampleData数组，然后我需要一个列来接受当前的SampleData数组中的每一个对象，然后通过循环对象，拿到对象的key和value，然后prop传入key，以此来获取当前key的值，label传入key显示对应标题。