• el-table属性:

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

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

  • el-table-column属性:

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

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

  •    注册子表格

 

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

在子表格里使用参数data

最终展示的效果:

 

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐