? 先来看效果图
一、查看 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 拿到的是列表的每一行数据