ElementUI el-table 子节点选中后为什么没有打勾？

发布日期： 2024-11-03 阅读量： 作者： 网络

elementui el-table 子节点选中后为什么没有打勾？

elementui el-table子节点选中后没有打勾？

当您在elementui的el-table中选择子节点时，但没有出现打勾效果，可能是以下原因造成的：

在 element-ui 版本 2.15.7 中存在这个问题，升级到最新版本 2.15.13 即可解决。

除此之外，请确保您遵循了以下步骤：

在表格中指定 selection-change 事件处理器，以响应子节点选中。
在事件处理器中，使用 $refs.table.togglerowselection(row, true) 方法手动勾选子节点。

代码示例：

<el-table :data="customlist" @selection-change="handleselectionchange">
  <el-table-column type="selection" width="55" align="center"></el-table-column>
</el-table>

handleselectionchange(selection) {
  selection.foreach((row) => {
    this.$refs.table.togglerowselection(row, true);
    if (row.children && row.children.length) {
      row.children.foreach((childrow) => {
        this.$refs.table.togglerowselection(childrow, true);
      });
    }
  });
}

# 处理器

上一篇: Golang 函数在构建跨平台 Web 应用时的作用？

下一篇: 如何在 Golang 中使用反射进行数据结构的迭代？

ElementUI el-table 子节点选中后为什么没有打勾？

随便看看