【Element】vue2 el-table scope.row 更改数据，试图没有更新

Vue2 中的 Element UI (简称 El-Table) 提供了丰富的功能，包括处理多级表头（通常被称为嵌套表头或多层级表格）。如果你想在 El-Table 中显示多级标题，你可以利用 ` scoped slot` 特性以及自定义插槽 (`<template>` 标签) 来实现。 首先，你需要为每个级别的表头创建单独的插槽。例如： ```html <el-table-column label="父级列"> <template slot-scope="scope"> <!-- 父级行的内容 --> <span>父级标题{{ scope.row.parentTitle }}</span> <!-- 使用嵌套插槽展示子级表头 --> <el-row :index="scope.$index"> <template v-for="(child, index) in scope.row.childrenTitles" :key="index"> <el-col :span="2">{{ child }}</el-col> </template> </el-row> </template> </el-table-column> ``` 在这个例子中，`parentTitle` 和 `childrenTitles` 是你数据对象中的属性，用于存储每个单元格的标题信息。然后，你在模板中遍历这些属性，为每级子标题创建一个列。