el-table手风琴expand-change事件触发数据请求时重复的问题

刚开是通过expandchange改变，后来发现折叠展开会打印两次，会对数据造成混乱，就修改成结合:row-key="getRowKeys" :expand-row-keys="expands"来控制打开一个

<el-table
  v-loading="loading"
  :data="tableData"
  :row-class-name="getRowClassName"
  :row-key="getRowKeys"
  :expand-row-keys="expands"
  ref="questionTable"
  tooltip-effect="dark"
  lazy
  @expand-change="expandChange"
  @sort-change="sortTime"
></el-table>

data() { return { expands : [] } }

methods: {
getRowKeys(row) {
  return row.reasonTypeName
},
expandChange (row, expandedRows) {
  this.expands = []
  if (expandedRows.length > 0) {
    row ? this.expands.push(row['reasonTypeName']) : ''
  }
  // if (expandedRows.length > 1) {
  //   this.tableData.map(item => {
  //     if (row.reasonTypeName !== item.reasonTypeName) {
  //       this.$refs.questionTable.toggleRowExpansion(item, false)
  //     }
  //   })
  // }
}
}