qq_42597738
牛奶牛肉
采纳率100%
2019-03-27 19:49 浏览 2.1k

请问如何实现勾选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: [],
        }
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

1条回答 默认 最新

  • 已采纳
    qq_42597738 牛奶牛肉 2019-03-28 09:25

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

    点赞 评论 复制链接分享

相关推荐