el-table-column type="expand" 下拉展开始终只展开一行

<el-table :data="tableData" @expand-change="expandChange" ref="refTable">
<el-table-column type="expand">
</el-table-column>
<el-table>

expandChange(row,expandedRows){
      var that = this
      if (expandedRows.length>1) {
          that.expands = []
          if (row) {
              that.expands.push(row);
          }
          this.$refs.refTable.toggleRowExpansion(expandedRows[0]);
      } else {
          that.expands = [];
      }
    },

主要就是使用el-table的@expand-change方法,并添加ref

注:记得在data中定义变量expands

 

posted @ 2021-10-15 11:50  保洁叔叔  阅读(2354)  评论(0)    收藏  举报