使用element-ui table expand展开行实现手风琴效果

在使用vue版本的ElementUI中的table功能的时候还是遇到了一些问题，可以说饿了么团队在这个UI框架的文档撰写已经非常不错了，不过还是有一些方法乍一看让人摸不着头脑，有些table的常用功能示例代码提供的不是非常详细，所以这次针对这个可展开表格实现手风琴效果写一篇博客探讨一下。核心是 row-key、expand-row-keys属性 特别要注意的是row-key传入的是一个Function，而expand-row-keys传入的是一个数组，元素的值是要展开的row的key。row-key这个属性是获取当前行号的，expand-row-keys这个属性是获取到展开的行号的，所以前者为一个单值，而后者是一个数组形式，所以这个属性也同样适用于表格多选列这种情况。