解决 eleui 外层表格控制全选内层表格

最新推荐文章于 2024-09-24 08:50:20 发布

weixin_50841827

最新推荐文章于 2024-09-24 08:50:20 发布

阅读量294

点赞数 1

分类专栏：表格文章标签： css html5 html elementui vue

本文链接：https://blog.csdn.net/weixin_50841827/article/details/120448607

版权

本文介绍了如何解决使用eleUI时，外层表格全选操作同步控制内层表格选中的问题。通过自定义实现内层表格全选，并通过内层表格数据的quantity字段控制显示和隐藏，当外层表格选择时，修改内层表格的quantity为1。同时，通过获取内层表格quantity的和来判断并控制外层表格的选择状态。

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

解决 eleui 外层表格可以全选内层表格问题

之前做项目发现外层表格全选时候想全选内层表格，有用过toggleRowSelection，但是发现内层表格未打开时，无法触发内层表格的ref，所以我找了别的解决方法。

 <el-table-column width="20">
        <template slot-scope="scope">
                  <div v-if="scope.row.quantity==0" @click=childTableSelect(scope.row)>
                            <span class="childSpan"></span>
                   </div>
                   <div v-if="scope.row.quantity==1" @click=childTableCheck(scope.row)>
                             <span class="childSpanCheck"> <i
                                     class="el-icon-check  childSpanChecki"></i>
                              </span>
                  </div>
        </template>
 </el-table-column>

因为ele支持自定义