牛奶牛肉 2019-03-27 11:49 采纳率: 100%
浏览 2457
已采纳

请问如何实现勾选element外层表格某行数据时,该行数据下嵌套的内层表格数据自动全选

如图,我想实现勾选外层表格的某行数据时,该行数据下面的内层表格数据自动全选。试了toggleRowSelection,好像不行。
求教各位,如何解决?

图片说明

        <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: [],
        }

展开全部

  • 写回答

2条回答 默认 最新

  • 牛奶牛肉 2019-03-28 01:25
    关注

    此问题已解决,是我自己漏了一句代码,导致一直实现不了。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
    热得快小菜鸟 2021-04-19 05:49

    您好 题主方便贴纸写漏的那句代码吗

    回复
查看更多回答(1条)
编辑
预览

报告相同问题?

手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部