element ui 动态控制列显隐导致出现表格列错乱的问题

问题描述：一个页面中有三个tab，前两个tab表格列一致，第三个tab表格列和前面两个不完全相同，要多出几列。比如在第三个tab也的table第一列加入一个可展开行的列，在切换tab时，发现表格列错乱

解决方法：首先通过v-if控制显隐，然后给每个table-column添加key，这样就完美解决了

<el-table-column key="1" prop="goodsName" label="商品名称" width="200" align="center" show-overflow-tooltip />
<el-table-column key="2" prop="typeName" label="商品分类" width="100" align="center" show-overflow-tooltip />
<el-table-column key="3" prop="brandName" label="品牌" width="100" align="center" show-overflow-tooltip />