问题:在一个列表中展示多个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); } });