0

Как можно вывести массив названий countries в атрибут title, чтобы было title="France, Germany"?

<tr v-for="item in items">
   <td>
     <span :title="item.countries">{{item.name}}</span>
   </td>
</tr>

json:
items: [
   {
     name: 'item 1',
     countries: [{title: 'france'}, {title: 'germany'} ...]
   }
]

1 ответ 1

2

const app = new Vue({
  el: '#app',
  data() {
    return {
      items: [
        {
          name: 'item 1',
          countries: [{ title: 'france' }, { title: 'germany' }],
        },
      ],
    };
  },
  methods: {
    getNames(countries) {
      return countries.map(i => i.title).join(', ');
    }
  },
});
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>

<div id="app">
  <div v-for="(item, index) in items" :key="index">
<span :title="getNames(item.countries)">{{item.name}}</span>
  </div>
</div>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.