vue js массив с одним элементом-объектом

<div class='bestsellers-item' v-for='(item, index) in items' :key='index'>
  {{ item.name }}
  {{ item.brand.logo }}
</div>

Имеется массив items, в нем хранится один элемент вида (brand):
[{"link":"/shop","logo":"123.jpg"}]

Но, если запрашиваю item.brand.logo - ничего не выводится. Как стоит обратиться к logo, дабы вывести картинку?

Items: [ {id: 12345, name: name, brand: [{ link: link, logo: logo }]} ]


Ответы (1 шт):

Автор решения: zeprog

Возможно нужен еще один цикл. Попробуйте так:

<div class='bestsellers-item' v-for='(item, index) in items' :key='index'>
  {{ item.name }}
  <div v-for='(brandItem, index) in item.brand' :key='index'>
    {{ brandItem.logo }}
  </div>
</div>
→ Ссылка