将循环项目传递给道具

Question

如何将foreach循环中的项目实例作为道具传递？

<div v-for="n in parentArray">
  <blog-card prop="{{ n.content }}"></blog-card>
</div>

当我运行时，我收到错误

  

（发出的值而不是错误的实例）

这可以在不将项目重新绑定到父组件的情况下完成吗？

Answer 1

使用Vue 2，您不在属性中使用插值，而是使用attribute binding syntax。

<blog-card v-bind:prop="n.content"></blog-card>

或快捷方式

<blog-card :prop="n.content"></blog-card>