Javascript v-for不在DIV标记上循环，但在TR标记上工作

问题：

v-for

在

标记上不循环，但在

标记上工作

错误消息：无-如果使用

标记，但如果使用

标记

Property or method "week" is not defined on the instance but referenced during render.
Make sure that this property is reactive, either in the data option, or for class-based 
components, by initializing the property. 
See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

我正在学习Vue，并尝试使用从API获取的数据呈现一页日历卡。我希望显示的是4行，每行显示3张卡片，每张卡片包含一个表，该表是特定月份的日历。像这样的

+----------------------+   +----------------------+   +----------------------+   
|      Month 1         |   |       Month 2        |   |      Month 3         |
+----------------------+   +----------------------+   +----------------------+
| S  M  T  W  Th  F  S |   | S  M  T  W  Th  F  S |   | S  M  T  W  Th  F  S |
+----------------------+   +----------------------+   +----------------------+
|  1  2  3  4  5  6  7 |   |  1  2  3  4  5  6  7 |   |  1  2  3  4  5  6  7 |
|  8  9 10 11 12 13 14 |   |  8  9 10 11 12 13 14 |   |  8  9 10 11 12 13 14 |
| 16 17 18 19 20 21 22 |   | 16 17 18 19 20 21 22 |   | 16 17 18 19 20 21 22 |
| 23 24 25 26 27 28 29 |   | 23 24 25 26 27 28 29 |   | 23 24 25 26 27 28 29 |
| 30 31                |   | 30 31                |   | 30 31                |
+----------------------+   +----------------------+   +----------------------+

我显示表所需的所有数据都可以在一个JSON数组中获得——我只是在其中的部分循环中遇到了问题

我可以拿到月卡和一周中某一天的信件。但出于某种原因，如果我使用

标记来循环这些数字，则表示数字的表体不喜欢它（理想情况下，我希望将日期对象分为7个部分来表示周，但这是另一个问题）

我这里有一个JSFIDLE：

（我有一个使用

标记的示例：）

基本上我所做的是：

使用

将

日历

数组分为四分之一，并创建一行可容纳3张卡

使用

获取各个月份的数据

使用

在

天

数组中循环以创建表格的标题单元格

这一切都有效。不起作用的是下一步：

使用

在步骤2中创建的

月份内循环遍历对象（
日期
）

{{周.日}

下面是一段数据（完整的示例在中）。基本上，该结构是一个由12个表示月份的对象组成的数组。然后，每个month对象都包含一个数组，其中包含一周中的几天，一个对象包含一个月的各个日期，以及一些填充表格单元格所需的附加对象

日历：[
{ 
“天”：[
“S”，
“M”，
“T”，
“W”，
“Th”，
“F”，
“S”
],
“日期”：{
"2019-12-01":{ 
“选择器id”：“2019-12-01”，
“日”：“1”，
“类别”：“选择日期”
},
"2019-12-02":{ 
“选择器id”：“2019-12-02”，
“日”：“2”，
“类别”：“选择日期”
},
{…更多日期…}，
},
“显示月份”：“2019年12月”
},
{ 
“天”：[
“S”，
“M”，
“T”，
“W”，
“Th”，
“F”，
“S”
],
“日期”：{
“日期”：{
"0":{ 
“日期”：”
},
"1":{ 
“日期”：”
},
"2":{ 
“日期”：”
},
"3":{ 
“日期”：”
},
"4":{ 
“日期”：”
},
"5":{ 
“日期”：”
},
"2020-02-01":{ 
“选择器id”：“2020-02-01”，
“日”：“1”
},
"2020-02-02":{ 
“选择器id”：“2020-02-02”，
“日”：“2”
},
},
{…更多日期…}，
“显示月份”：“2020年1月”
},
]   

你知道我做错了什么吗

---

谢谢！

你不能将

标记直接放在

内。各种表格元素都有严格的规则，规定哪些元素可以放在哪些其他元素内。嗯……这就可以解释问题了。谢谢！关于如何将object对象分块的任何想法都可以添加到@skille的注释中。我只允许

标记nsidea

允许的内容：零个或多个元素

。我真的不明白

是干什么用的。我原以为你会在

上为行设置一个

v-for

，在

上为每行的7个单元格设置一个

v-for

。是的，这就是我想要的。我想在标记，但我想chunk只对数组有效，而对对象无效。所以我的计划是使用

标记遍历所有数据，然后创建一个计数器，当我达到计数7时，在

标记上使用v-if。你不能将

标记直接放在

内。各种表元素都有严格的规则关于哪些元素可以放在哪些其他元素中。嗯……这就可以解释问题了。谢谢！关于如何将object对象分块的任何想法都可以添加到@skille的注释中。只有

标记可以放在

允许的内容中：零个或多个元素

。我真的不明白
是for。我原以为你会在
上为行设置一个
v-for
，在
上为每行的7个单元格设置一个
v-for
。是的，这就是我想要的。我想把它分块到标记上，但我想，\分块只对数组有效，而不对对象有效。所以我的计划是使用循环遍历所有数据取消>

标记，然后创建一个计数器，当我达到计数7时，在

标记上使用v-if。