您好,欢迎来到[编程问答]网站首页   源码下载   电子书籍   软件下载   专题
当前位置:首页 >> 编程问答 >> Web开发 >> (vue.js)vue循环输出这个列表怎么处理哦?

(vue.js)vue循环输出这个列表怎么处理哦?(1/2)

来源:网络整理     时间:2016/7/29 0:38:26     关键词:

关于网友提出的“ (vue.js)vue循环输出这个列表怎么处理哦?”问题疑问,本网通过在网上对“ (vue.js)vue循环输出这个列表怎么处理哦?”有关的相关答案进行了整理,供用户进行参考,详细问题解答如下:

问题: (vue.js)vue循环输出这个列表怎么处理哦?
描述:

最好能用vue来循环,层级有点深。

{
  "records": {},
  "detail": {},
  "assignData": "0",
  "progress": {},
  "list": [
    {
      "id": "18",
      "name": "A1",
      "partlist": {
        "86500": {
          "id": "86500",
          "name": "课后练习"
        },
        "86501": {
          "id": "86501",
          "name": "课后练习1"
        },
        "86502": {
          "id": "86502",
          "name": "课后练习2"
        }
      }
    },
    {
      "id": "19",
      "name": "A2",
      "partlist": {
        "86600": {
          "id": "86600",
          "name": "课后练习"
        },
        "86601": {
          "id": "86601",
          "name": "课后练习1"
        },
        "86602": {
          "id": "86602",
          "name": "课后练习2"
        }
      }
    },
    {
      "id": "19",
      "name": "A3",
      "partlist": {
        "86700": {
          "id": "86700",
          "name": "课后练习"
        },
        "86701": {
          "id": "86701",
          "name": "课后练习1"
        },
        "86702": {
          "id": "86602",
          "name": "课后练习2"
        }
      }
    }
  ]
}

A1

  • 课后练习
    已完成
  • 课后练习1
    已完成
  • 课后练习2
    已完成

A2

  • 课后练习
    已完成
  • 课后练习1
    已完成
  • 课后练习2
    已完成

A3

  • 课后练习
    已完成
  • 课后练习1
    已完成
  • 课后练习2
    已完成

解决方案1:

# 没见过这么懒的题主

相关图片

相关文章