关于element如何实现点击行数据后台弹出展开行信息

1:首先设置table的属性 如下图: 

 

 

 第一个属性       row-key       行数据的 Key，用来优化 Table 的渲染；在使用 reserve-selection 功能与显示树形数据时，该属性是必填的。类型为 String 时，支持多层访问：user.info.id，但不支持 user.info[0].id，此种情况请使用 Function。

第二个属性  　　expand-row-keys     可以通过该属性设置 Table 目前的展开行，需要设置 row-key 属性才能使用，该属性为展开行的 keys 数组。

第三个属性　　 @row-click　　　　当某一行被点击时会触发该事件　

 

2:在data中初始化expands:[] 

 

 

 3: 在 methods中定义行点击事件和获取行key值的方法,数据的主键需要自行修改

getRowKeys(row) {

        return row.courseId;

      },

    rowClick(row, event, column){

      this.expands=[];

      var arr = row.tags.split(',');

      this.dynamicTags=arr;

      

      if (this.expands.includes(row.courseId)) {

        this.expands = this.expands.filter(val => val !== row.courseId);

      } else {

        this.expands.push(row.courseId);

      }

    }