vue渲染未知层级的单一结构列表

最新推荐文章于 2023-09-21 14:44:58 发布

no bug no life

最新推荐文章于 2023-09-21 14:44:58 发布

阅读量426

点赞数 1

文章标签： vue js

本文链接：https://blog.csdn.net/weixin_51364599/article/details/114915304

版权

本文介绍了如何在Vue中利用递归组件来渲染未知层级的数据列表。关键在于当数据包含children属性时递归调用自身，组件名与name属性匹配确保正确调用。

摘要由CSDN通过智能技术生成

数据：

      listData: [
        {
   
          title: "hahah",
          content: "hahahahah",
          children: [{
    title: "hahah", content: "hahahahah" }]
        },
        {
   
          title: "hahah",
          content: "hahahahah",
          children: [
            {
   
              title: "hahah",
              content: "hahahahah",
              children: [{
    title: "hahah", content: "hahahahah" }]
            },