码迷,mamicode.com
首页 > 其他好文 > 详细

Vue递归组件实现层层嵌套显示数据

时间:2019-09-03 12:06:34      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:code   方法   一个   nbsp   数据   优秀   png   img   inf   

问题来自朋友...记录一下

需求是表格头部后端返回的数据中是不确定的 n维数据,表头存在于 listVo 字段中,如何实现层层显示呢?

温馨提示,以下内容为5张大图,请打开 WIFI 享用...

以下为效果图:

技术图片

 

 以下为数据结构:

技术图片

 

 

解决方法一:最笨的方法,有几层就循环几层,你们愿意用就用啊,我要讲新方法 ^-^

技术图片

 

 优秀的解决方法二:定义一个组件,递归它 = =.

技术图片

 

 使用位置:

技术图片

 

 是不是很奇特,喜欢就留言吧 ^-^

 

Vue递归组件实现层层嵌套显示数据

标签:code   方法   一个   nbsp   数据   优秀   png   img   inf   

原文地址:https://www.cnblogs.com/jun-qi/p/11451813.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!