如何使用Vue Element实现表格中多层嵌套数据的展示？

本文共计1154个文字，预计阅读时间需要5分钟。

目录 + Vue + Element表格实现多层数据嵌套这是完成之后的 + Vue + Element表格实现多层数据嵌套 + 今天用Element的表格渲染了商城的购物车列表，Element的表格之前也用到现在，它把所有东西都整合了。

目录

• vue+element表格实现多层数据嵌套
• 这是完成之后的
• 方法  

vue+element表格实现多层数据嵌套

今天用element的表格渲染了商城的购物车列表，element的表格之前也用到过，它把所有的东西都封装好了，

这是完成之后的

  

只需要往里面传数据就可以了，通过prop来拿到相对应的字段，非常方便，但是天不尽人愿呐，后台接口返回的数据  

是嵌套多了一层，直接上图，后台返回的数据结构

  

data下面是店铺的名字和id，orderItemList是店铺下面的商品，店铺要显示，商品更要显示，(难受)

这nm嵌套两层，表格拿不出来啊，于是各种想思路，什么里边再套一个表格，这样会出现空表头，也从网上找了很多方法，都是差强人意，决心还是要自己解决，当我研究了element的表格之后，发现一个叫树形数据，见下图

  

我可以把店铺名字放到尖括号展开啊，再把店铺下的orderItemList放到尖括号展开下 (我这无处安放的才华)。