Отправить, как реквизит атрибута, используя 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>

Я пробовал:

название = "Пункт [ 'название']"

название = "item.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