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

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

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

以下为效果图:

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


 以下为数据结构:

Vue递归组件实现层层嵌套显示数据_解决方法_02



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

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


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

Vue递归组件实现层层嵌套显示数据_解决方法_04


 使用位置:

Vue递归组件实现层层嵌套显示数据_数据结构_05



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