Maison > interface Web > js tutoriel > le corps du texte

Explication graphique détaillée de la syntaxe d'itération v-for dans Vue2.0

php中世界最好的语言
Libérer: 2018-04-11 17:35:33
original
1855 Les gens l'ont consulté

Cette fois, je vais vous apporter une explication détaillée de l'utilisation de la syntaxe d'itération v-for dans Vue2.0 Notes sur l'utilisation de l'itération v-for. syntaxe dans Vue2.0 Lesquels, les suivants sont des cas pratiques, jetons un coup d'oeil.

Aujourd'hui, en écrivant du code sur Vue2.0, j'ai découvert que la valeur $key n'a pas pu être restituée avec succès. Le problème est le suivant :

. Explication graphique détaillée de la syntaxe ditération v-for dans Vue2.0


De ce fait, la valeur clé de cet objet ne peut pas être affichée :

Explication graphique détaillée de la syntaxe ditération v-for dans Vue2.0


Après avoir consulté la documentation, j'ai découvert que c'était parce que dans Vue2.0, la syntaxe de l'itération v-for avait changé :

Rejeté :

Explication graphique détaillée de la syntaxe ditération v-for dans Vue2.0

Nouvelle syntaxe Array

value in arr 
(value, index) in arr
Copier après la connexion

Nouvelle syntaxe d'objet

value in obj (value, key) in obj 
(value, key, index) in obj
Copier après la connexion

Après résolution :

Explication graphique détaillée de la syntaxe ditération v-for dans Vue2.0

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment réaliser la liaison bidirectionnelle du composant parent et du composant enfant Vue2

Résolu dans vue project Le problème de l'erreur d'image d'arrière-plan due à un chemin incorrect

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal