• el-table属性:

:expand-row-keys: 可以控制行的展开和关闭,也可以控制只能有一行进行展开

@expand-change:是表格行的切换事件,具体方法如下

  • el-table-column属性:

 type="expand" :表示如果有子table时可以展开

:data="props"是用来父子table传参的

  •    注册子表格

 

在子页面里需要定义参数data

在子表格里使用参数data

最终展示的效果:

 

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐