element-ui table 只展开一行数据 table数据通过调接口获取

借鉴博客：https://blog.csdn.net/qq_31126175/article/details/79807133

需求：表格展开行只展示一行（其实是为了避开另一个问题：展开多行数据，最后一次展开的数据 会覆盖之前展开行数据）

html：

js:展开一行行主通过table的expend-change事件实现

    // 展开父表格数据 并查询该数据下的子数据
    rowExpand(row, expandedRows) {
      // 打印父任务内容 
      console.log(row)
      let vm = this;
      let params = {
        taskId: row.id
      };
      getSearchSubTask(params).then(res => {
        this.tableData2 = res.results;
      });
      //如果展开行数大于1
      if(expandedRows.length>1){
        //shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。
        expandedRows.shift();
      }     
    },