Vue，v-for嵌套循环---如何循环-非字符串

Question

{
"data": [
  {
    "2016-07": {
      "parts": [
        {
          "name": "完成Task 12 ：Quantitative Methods （7） 视频 的学习",
          "icon": "icon-record-p",
          "time": "1469696693",
          "type": "1"
        },
        {
          "name": "完成Task 4 ： Brief Introduction of FRA 视频 的学习",
          "icon": "icon-record-p",
          "time": "1467795696",
          "type": "1"
        }
      ]
    }      
}

求解怎么循环出如下图的列表。

尝试了

v-for = “d in data”

{{d[2016-7].path}}

但是报错 不支持path

Answer 1

<div class="module-bd" v-for="(key,val) in record">
    <ul class="md-txtlist"  v-for="parts in val">

Answer 2

可以内部再嵌套一个v-for,例如你这里的数据：

<div v-for="itme in data">
    <div v-for="part in item.parts">
    {{ part.name }}
    </div>
</div>

Answer 3

d['2016-7'].path

姿势不对