勾选element外层表格某行数据时,该行数据下嵌套的内层表格数据自动全选

发布于 2022-09-11 18:43:05 字数 2922 浏览 5 评论 0

急急急!!!求教诸位大神,如何勾选element外层表格某行数据时,该行数据下嵌套的内层表格数据自动全部选中。
图片描述

        <el-table
                :data="tableData"
                border
                element-loading-text="Loading"
                default-expand-all
                @selection-change="handleSelectionChange"
                style="width: 100%">
            <el-table-column
                    type="selection"
                    width="55">
            </el-table-column>
            <el-table-column
                    prop="Name"
                    label="物资名称">
            </el-table-column>
            <el-table-column
                    prop="num"
                    label="批次">
            </el-table-column>
            <el-table-column
                    prop="user"
                    label="责任人">
            </el-table-column>
            <el-table-column type="expand">
                <template slot-scope="props">
                    <div class="table_inner">
                        <el-table
                                :data="props.row.detail"
                                ref="multipleTableSecond"
                                style="width: 100%">
                            <el-table-column
                                    type="selection"
                                    width="55">
                            </el-table-column>
                            <el-table-column label="cuu成分" prop="cuu">

                            </el-table-column>
                            <el-table-column
                                    prop="week"
                                    label="周期">
                            </el-table-column>
                            <el-table-column
                                    label="是否补充"
                                    prop="isadd">
                            </el-table-column>
                        </el-table>
                    </div>
                </template>
            </el-table-column>
        </el-table>
        
      data中:
      
      return {
            tableData: [
                {
                    Name:'量粒',
                    num:'第一批',
                    user:'杜强',
                    detail:[
                        {
                            cuu:'CUUT-1',
                            week:1,
                            isadd:'是',
                        },
                        {
                            cuu:'CUUT-2',
                            week:2,
                            isadd:'否',
                        }
                    ]
                },

            ],
            multipleTableSecond: [],
            multipleTable: [],
        }

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

又怨 2022-09-18 18:43:05

老哥,你那个嵌套表格的全选是怎么实现的?在线等,急!

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文