Element Plus ＜el-table＞ 组件之展开行Table在项目中使用

目录

官方样式：

展开前：

展开：

原始代码：

代码详解：

项目使用场景：

完成效果：

具体实现范本：

1.调整数据结构

2. 修改标签和数据绑定

3. JavaScript 部分导入和创建对象

4.注意

---

官方样式：

展开前：

展开：

 原始代码：

代码详解：

• 首先，根据 v-model 指令，在 Vue 的 setup() 中定义了 parentBorder 和 childBorder 两个响应式变量，分别用于控制父表格和子表格的边框显示与隐藏。
• 然后，通过传入数据数组 tableData 给 的 :data 属性，将数据渲染为表格。同时，使用 :border 属性绑定了 parentBorder 和 childBorder 变量，以实现动态控制表格边框的显示与隐藏。
• 在表格中，使用