element-ui 树形表格无法全选问题

最新推荐文章于 2023-11-02 13:31:05 发布

DrowningFisher

最新推荐文章于 2023-11-02 13:31:05 发布

阅读量2.3k

点赞数

文章标签： vue.js javascript html

本文链接：https://blog.csdn.net/qq_28119041/article/details/106393201

版权

在使用Element-UI时，遇到树形表格全选功能无法正常工作的问题。当表格包含children属性形成树状结构后，全选操作无法选中所有子级。需求包括：全选状态时子级全部选中；选中父级时选中所有子级；父级提供取消子级选择功能。目前的JavaScript实现存在缺陷，参考链接提供了详细解决思路。

摘要由CSDN通过智能技术生成

当表格不是树形结构是，全选是没问题的，但是当有了children时，全选就出现问题了，无法选中子级，

我的业务逻辑是

1.表头全选状态时，所有子级要选中

2.选中父级时，所有子级要选中

3.父级旁边要有取消子级按钮，取消子级时，至选中本级

        <el-table
            :data="deptDableDataT
            size='mini'
            border
            v-loading="loadingTable"
            row-key="deptId"
            ref="multipleTable"
            @selection-change="handleSelectionChange"
            >
            <!-- 序号 -->
            
            <el-table-column
                prop="deptName"
                label="公司名称"
                >
            </el-table-column>
            <!-- label-class-name="DisabledSel