vue.js - Vuejs如何循环出嵌套层数不确定的数据

问题描述

问 题

比如我要展示数据

{
    "pc": {
        "subCategories": {
            "lenovo": {
                "subCategories": {
                    "l1": {
                        "subCategories": null
                    },
                    "l2": {
                        "subCategories": null
                    }
                }
            },
            "asus": {
                "subCategories": {
                    "a1": {
                        "subCategories": null
                    },
                    "a2": {
                        "subCategories": {
                            "aa1": {
                                "subCategories": null
                            }
                        }
                    }
                }
            }
        
        }
    },
    "mobile": {
        "subCategories": null
    }
}

为

pc
  lenovo
    l1
    l2
  asus
    a1
    a2
      aa1
mobile

我应该如何写v-for?

解决方案

这种情况统统用递归。
在组件内调用自身。

这篇关于vue.js - Vuejs如何循环出嵌套层数不确定的数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！