vue.js - 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>

女巫以相同的错误正确渲染（但显示“hs”数组填充良好）

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

您正在关闭您td的/>.

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

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

这就是为什么你得到h未定义的原因。

修复：不要关闭td：

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

在这里更新了 JSFiddle。