el-table toggleRowExpansion无效

问题：在一个列表中展示多个table，且存在展开行，当切换分也后，前面页面的展开行没法点击进行展开操作

 

点击table设置当前点中的tableIndex

clickTable(index): void {
this.currentTable = index;
}
点击展开按钮，调用table的toggleRowExpansion方法
this.$table![this.currentTable]!.toggleRowExpansion(row);

 

初始点击没问题，但是切换页码后再切换回第一页，点击展开不生效了。

 

解决方法：换成使用row-key配合expand-row-key解决了

 

this.$nextTick(() => {
// this.$table![this.currentTable]!.toggleRowExpansion(row);
const index = this.expands.indexOf(id);
if (index >= 0) {
this.expands.splice(index, 1);
} else {
this.expands.push(id);
}
});