【Vue_08】ElementUI 实现嵌套表格

? 先来看效果图

在这里插入图片描述

一、查看 Element-UI 组件库

1. Element-UI 组件库

• 地址 https://element.eleme.cn/2.13/#/zh-CN/component/installation
• 展示

在这里插入图片描述

2. 选择合适的表格

• 我这里选取基础表格修改

​​​​​​​

在这里插入图片描述

二、盘它

1. 查看 Element-UI 提供的属性列表

• 完美找到所需要的属性

​​​​​​​

在这里插入图片描述

• 修改源代码

​​​​​​​

在这里插入图片描述

2. 在空位加一个封装好 Table 组件

• 咋们随便复制一个 Table 组件

​​​​​​​

在这里插入图片描述

3. 给插槽传递数据

• 查阅 Vue.js 官方文档（我们可以通过 v-slot 传递）

在这里插入图片描述

• 完善源代码

​​​​​​​

在这里插入图片描述

绿框中 :data = "slot.row.children" => slot.row 拿到的是列表的每一行数据