Comment lire plusieurs lignes d'un fichier JSON


#1

Bonjour à tous, :v:

J’utilise la librairie Element.io, avec celle ci j’ai créé un tableau dynamique. Je rencontre quelques soucies pour afficher tous les résultats de mon API.

Je souhaite savoir comment je peux lire les attributs enfants “name, url, location” qui se trouvent dans “employees”.

Mon JSON :

{
    "_id": "5c0a32d304fe04000f06764b",
    "employees": [
        {
            "name": "Greg",
            "url": "..",
            "location": "..",
        },
        {
            "name": "Nicolas",
            "url": "..",
            "location": "..",
        }
    ],
    "title": ".."
},
{
    "_id": "5c0a572a2c912100107fd6cb",
    "employees": [
        {
            "name": "Greg",
            "url": "..",
            "location": "..",
        },
        {
            "name": "Nicolas",
            "url": "..",
            "location": "..",
        }
    ],
    "title": ".."
}

Sur mon template:

Est ce qu’il existe une solution sur VueJS pour délimiter la data que je veux récupérer ? Ou un filtre ?

         <el-table
          v-loading="listLoading"
          :key="tableKey"
          :data="employees"
          border
          fit
          highlight-current-row
          style="width: 100%;">
          <el-table-column label="name" width="250px">
            <template slot-scope="scope">
              <span> {{ scope.row.employees[0].name }}</span> # du coup sur cette ligne, je cherche à auto incrémenter, ca fonctionne mais seulement pour le premier employée
            </template>
          </el-table-column>
          <el-table-column label="url" width="250px">
            <template slot-scope="scope">
              <span> {{ scope.row.employees.url}}</span>
            </template>
          </el-table-column>
        </el-table>
        </el-table-column>

Merci d’avance :wave:


#2
<ul>
  <li v-for="employee in scope.row.employees">{{ employee.name }}</li>
</ul>