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

问题描述

问 题

{
"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

解决方案

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

这篇关于vue.js - Vue，v-for嵌套循环---如何循环-非字符串的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！