ElementUI之table实现 单击展示和收起（展开表格与树形表格）

1、首先创建一个el-table表，注意ref添加，后续有用（其他可自行添加）

2、其次就是创建表单中的行(行内可自行添加template模版)
给其一个type属性（可设置selection、index、expand，具体可上官网查）这里我们用到的是expand

3、创建一个给其绑定一个click点击事件，传入指定行文字的点击

点击事件如下：
ts写法:

js写法:

其中toggleRowExpansion是element官网提供的”展开”与”收起”单击事件的方法（expanded 为 true 则展开,同理可用expanded实现”展开”与”收起”文字的变换）。

4、最后利用三目运算做判断即可

另：

*想要隐藏展开收起的小箭头给el-table-colum（加上width=”1”，我百度的）

But我发现在我的项目中加个width只是将那一列去掉了，箭头直接和下一列的文字在一起了，So我的做法如下：（可能并不适用所有人，慎用）