vue3+elementPlus表格嵌套外层表格多选联动内层表格选中状态

问题描述

最近要实现的一个功能，两层表格嵌套，外层表格多选需要关联到内层表格数据的选中状态。如果是普通的树形表格，多选全选都可以正常选到数据的子级，问题是嵌套的表格勾选外层数据无法关联到里面的表格。

解决思路：监听外层表格选中数据，

el-table代码

		<!-- 外层表格 -->
		<el-table :data="tableData" @selection-change="handleOuterSelectionChange" default-expand-all>
            <el-table-column type="selection" width="55"></el-table-column>
            <el-table-column type="expand" >
                <template #default="scope">
                    <div class="nested-table-container">
                    	<!-- 内层表格 -->
                        <el-table :id="scope.row.dataId" :ref="el=>getimgManageRef(el, scope.row.dataId)" :data="scope.row.children" style="width: 100%" @selection-change="handleImgSelection">
                            <el-table-column type="selection" width="45" align="center" ></el-table-column>
                            <el-table-column prop="feenm" label="拇指图" align="center