Доброго времени суток вам, ребята. Могу я обратиться к вам за помощью. Я застрял, пытаясь понять, как избавиться от скобок и отделить все данные от моего вложенного массива. Вот мой код:

<template>
  <v-data-table
    :headers="headers"
    :items="teams"
  >
    <template v-slot:body="{ items }">
      <tbody>
        <tr v-for="item in items" :key="item.id">
          <td>{{ item.id }}</td>
          <td>{{ item.name }}</td>
          <td>{{ item.business_Units }}</td>
          <td>
            <v-icon small class="mr-2" @click="editRole(item)">
              mdi-pencil
            </v-icon>
          </td>
          <td>{{ item.status | boolean }}</td>
        </tr>
      </tbody>
    </template>
  </v-data-table>
</template>
<script>
export default {
//..... chunk of my code on how to request from the api
  created() {
    SparrowService.getTeams()
      .then((response) => {
        this.loading = false;
        this.teams = response.data;
      })
      .catch((error) => {
        console.log(error.response);
      });
  },
};
</script>

enter image description here

0
Ace Valdez 11 Фев 2021 в 17:33

1 ответ

Лучший ответ

item.business_Units - это массив, поэтому вам нужно предпринять некоторые действия, чтобы присоединиться к строке.

Обратитесь к Array.join ()

...
       <td>{{ item.business_Units.join(", ") }}</td>
...
1
William Wang 11 Фев 2021 в 14:35