vue.js - 将 for 循环项传递给 prop

Question

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

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

运行时出现错误

(Emitted value instead of an instance of Error)

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

Answer 1

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

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

或者快捷方式

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