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);
}
});

  

 
原文地址:https://www.cnblogs.com/shuhaonb/p/15341872.html