Dev Faq
0
votes

Comment imprimer des données JSON dans une boucle dans VUE.JS

J'ai cette donnée JSON 

<tr v-for="data in jsonData" :key="data.id"> 
   <td>{{ data}}</td>
</tr>

7 commentaires

Qu'est-ce que jsondata ici? De plus, les "Données JSON" que vous avez partagée n'ont pas de ID alors comment attribuez-vous : key = "data.id" ?

Je récupère des données à l'aide d'un appel API et de la stocker dans l'objet JSONDATA et: Key = "data.id" est nécessaire dans VUEJS Sinon, il ne permettra pas d'autoriser l'erreur

@LR Oui, mais il doit avoir une pièce d'identité dans l'OBJ pour que cela fonctionne

Mais où est le ID dans l'objet JSONDATA ??

Ohh désolé mais que faire? toute suggestion

Rien ne peut être fait comme nous ne savons pas ce que jsondata ressemble? console.log (jsondata) et postez l'image dans la poste pour examen.

Jsondata est exactement comme que j'ai mentionné ci-dessus

4 Réponses :

0
votes

OK, donc pour que cela fonctionne, vous devez avoir un objet formaté approprié. xxx

et vous district de clésData sera utilisé pour boucler

4 commentaires

merci @mr khan, mais je récupère des données de l'API tiers, je ne peux pas ajouter d'identifiant dans ce

Vous pouvez toujours ajouter cet ID à l'objet de réponse.

Comment appendez-vous une suggestion?

Merci pour votre temps que j'ai eu la sortie

0
votes

Si la JSONDATA est comme ça. 

<tr v-for="(data, index) in jsonData.districtData" :key="data.id"> 
    <td> {{ index }} </td>
    <td> {{data.lastupdatedtime}} </td>
</tr>

1 commentaires

Index montre "districtdata" et les données affichent des données entières telles que c'est

1
votes

Vous pouvez également utiliser 

 <tr v-for="(data,index) in jsonData" :key="index"> 
  <td>{{ data.districtData}}</td>
  </tr>

4 commentaires

merci @ziakhan mais il affiche des données entières telles que c'est

Si vous n'avez pas encore compris, envoyez-moi votre tuyau approprié, je vais interpréter pour vous, comme vous voulez

Merci vous au-dessous du code travail pour moi merci pour votre temps

Vous accueillez, merci

1
votes

Il existe deux correctifs IMPORATNT requis dans ce code:

  1. car il n'y a pas de ID dans les données, vous devez utiliser le nom de la ville, car il est unique
  2. En outre, vous devez utiliser le (valeur, touche) dans l'objet approche de votre problème.

    Un exemple de ce code peut être: xxx

    Vous pouvez également utiliser ce stylo pour tester: https://CODEPEN.IO/ABDULLAH-SHABAZ/PEN/MOWWZQYO

1 commentaires

Heureux d'avoir pu aider :)

Articles qui pourrait vous intéresser :

Impossible d'importer le module "@ angular / material"
Interaction profonde avec break and catch
Utilisation de node.js comment renommer tous les fichiers d'un dossier
Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO