如何使用Vue Element实现表格中多层嵌套数据的展示?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1154个文字,预计阅读时间需要5分钟。
目录 + Vue + Element表格实现多层数据嵌套这是完成之后的 + Vue + Element表格实现多层数据嵌套 + 今天用Element的表格渲染了商城的购物车列表,Element的表格之前也用到现在,它把所有东西都整合了。
目录
- vue+element表格实现多层数据嵌套
- 这是完成之后的
- 方法
vue+element表格实现多层数据嵌套
今天用element的表格渲染了商城的购物车列表,element的表格之前也用到过,它把所有的东西都封装好了,
这是完成之后的
只需要往里面传数据就可以了,通过prop来拿到相对应的字段,非常方便,但是天不尽人愿呐,后台接口返回的数据
是嵌套多了一层,直接上图,后台返回的数据结构
data下面是店铺的名字和id,orderItemList是店铺下面的商品,店铺要显示,商品更要显示,(难受)
这nm嵌套两层,表格拿不出来啊,于是各种想思路,什么里边再套一个表格,这样会出现空表头,也从网上找了很多方法,都是差强人意,决心还是要自己解决,当我研究了element的表格之后,发现一个叫树形数据,见下图
我可以把店铺名字放到尖括号展开啊,再把店铺下的orderItemList放到尖括号展开下 (我这无处安放的才华)。
本文共计1154个文字,预计阅读时间需要5分钟。
目录 + Vue + Element表格实现多层数据嵌套这是完成之后的 + Vue + Element表格实现多层数据嵌套 + 今天用Element的表格渲染了商城的购物车列表,Element的表格之前也用到现在,它把所有东西都整合了。
目录
- vue+element表格实现多层数据嵌套
- 这是完成之后的
- 方法
vue+element表格实现多层数据嵌套
今天用element的表格渲染了商城的购物车列表,element的表格之前也用到过,它把所有的东西都封装好了,
这是完成之后的
只需要往里面传数据就可以了,通过prop来拿到相对应的字段,非常方便,但是天不尽人愿呐,后台接口返回的数据
是嵌套多了一层,直接上图,后台返回的数据结构
data下面是店铺的名字和id,orderItemList是店铺下面的商品,店铺要显示,商品更要显示,(难受)
这nm嵌套两层,表格拿不出来啊,于是各种想思路,什么里边再套一个表格,这样会出现空表头,也从网上找了很多方法,都是差强人意,决心还是要自己解决,当我研究了element的表格之后,发现一个叫树形数据,见下图
我可以把店铺名字放到尖括号展开啊,再把店铺下的orderItemList放到尖括号展开下 (我这无处安放的才华)。

