Table 展开行功能，打开展开项和关闭展开项

1.在el-table下的

<el-table-column type="expand">

 <template #default="props">插槽下书写内容

 </template>
 </el-table-column>

2.在el-table设置三个

@expand-change="expandChange" :expand-row-keys="expands" :row-key="getRowKeys"

（1）设置一个空数组

（2） 设置一个方法，return返回一个唯一值，方法里有一个参数，是表格里的所有数据

（3）点击展开列调用展开列事件方法，可以获取到俩个参数，一个是表格的每条数据row，另一个是当用户对某一行展开或者关闭的时候会触发该事件参数expandedRows；

第一步，设置row-key获取到唯一值，

第二步，设置expand-row-keys设置一个空数组，

第三步，当点击展开列按钮，调用方法，将名字通过expand.value=[row.name]，判断expandedRows的长度，如果为空，把expands.value=[] ,如果不为空，把expands.value=[]，如果row为true，将row.name存到数组中。

当你点击哪项，会获取到指定数据，再次点击展开项关闭，每次展开项只能打开一个。