v-for未在实例上定义属性或方法

Question

我有另一个组件调用的组件使用v-for循环。但是，我无法在循环中获取该属性，并且不明白为什么。

这是代码https://jsfiddle.net/playoutprod/octw411z/1/

麻烦附加在这一行（17）：

<td v-for="h in hs"/>{{h}}</td>

我试过了：

<td v-for="h in hs" :h="h"/>{{h}}</td>

女巫使用相同的错误正确渲染（但显示＆＃34; hs＆＃34;阵列填充良好）

    <tr>
      <td h="date debut"></td>
      <td h="date fin"></td>
      <td h="formateur"></td>
      <td>En savoir +</td>
   </tr>

Answer 1

在代码中：

<td v-for="h in hs"/>{{h}}</td>

您在<{1}} 关闭 td。

所以上面的代码实际上是：

/>

这就是为什么你将<td v-for="h in hs"></td>{{h}}</td> 定义为未定义的原因。

修正：不要关闭h：

td

Updated JSFiddle here