vue element 展开行只能展开一行+默认展开行

找了一堆资料，就是不可以 ，气死俺了！
然后根据大佬的链接改好了

重点

方便自己就不写结尾，最后上图就是了

 <el-table // 这里面的这几个玩意儿必备！
     ref="materialList"
     :row-key="getRowKeys"
     @expand-change="expandChange"
     :expand-row-keys="expands"
>
     
  methods: {     
   getRowKeys(row) {
       return row.id
     },
     expandChange(row,expandedRows){
       var that = this
      if (expandedRows.length) {
        that.expands = []
        if (row) {
          that.expands.push(row.id)// 每次push进去的是每行的ID
        }
      } else {
        that.expands = []// 默认不展开
      }
     },    
}

默认展开行

看了很多文章说不会用官方给的Table Events默认展开行：toggleRowExpansion
使用方式 this.$refs.materialList.toggleRowExpansion(row, true)