html表格嵌套多选框,基于ElementUI中Table嵌套实现多选的示例代码

前言：

写这个是因为帮朋友修改项目中的bug

我也是第一次写这个功能，有不对的希望大家指正，如果看完有帮助点个赞！

代码中关键是js中Tree的路径查找这个核心，有不懂的自行百度

多了不说了，有需要的可以私信找我要代码，来看下我怎么实现的

思路：

从头开始看这个需求，我们需要知道用到哪写东西

1、表格Table

2、多选&全选

3、嵌套数据(下拉操作)

正好我们可以找下ElementUI官方文档

找到了我们需要用到的API

在嵌套数据的时候需要使用tree-props

选中数据的时候使用toggleRowSelection

基本就以上这些能用到的可以开搞了

实现：

基于以上我们可以写出HTML结构

ref="multipleTable"

:data="tableData"

style="width: 100%; margin-bottom: 20px"

row-key="id"

border

default-expand-all

:select-on-indeterminate=&#