使用v-for

Question

从父母到孩子，我想发送一个道具。 但是该属性由父级中的v-for定义。

在这种情况下，listItem是一个数组，其中包含项目，每个项目都是一个对象（具有title属性）。

类似：

<li v-for="(item, i) in listItem" :key="item.id">
    <child-component title="item['title']"></child-component>
</li>

我尝试过：

title =“ item ['title']”

title =“ item.title”

title =“ {{item ['title']}}”“

title =“ {{item.title}}”

Answer 1

每次在属性之前添加“ ：”时，内容将被解释为javascript。你尝试过吗？

<li v-for="(item, i) in listItem" :key="item.id">
    <child-component :title="item.title"></child-component>
</li>

这可以帮助您： https://vuejs.org/v2/guide/syntax.html#Attributes