vue-列表下详情的展开与折叠案例

如下所示：1、默认折叠，点击时展示全部数据2、点击A项，A展开，之后有两种情况：①再次点击A，A折叠；②点击其他项，如B，这时B展开，A折叠1、给展开折叠图标添加一个样式，显示成动画效果3、方法详情vue 实现的 table 折叠展开功能，由于工作中用到，这里把相应代码整理下，方便自己日后 Copy由基本的 table 表单与折叠栏部分组成PS：table 上需要加上 ref，以便方法中能够获取到 table 属性这里除了基本的属性外，主要我发现展开栏部分会有空白各自部分，还能拖开，因此加属性把多余部分给隐藏掉下方有注释这个效果图是我后面补的，但是功能是以上面来做的