Les champs de la base de données Firestore (champs reviewPrivacy dans la collection "review") sont de type chaîne, remplis par les entrées du formulaire Vue (boutons radio), avec trois réponses possibles (valeurs) L'une est < ;code>keepFullyPrivate.

Si la valeur de review.reviewPrivacy est keepFullyPrivate, je souhaite montrer que

l'identité du réviseur est privée< h2>.

Une fois que cela fonctionnera, j'ajouterai les options v-if-else et v-else pour afficher un contenu différent pour chaque option.

Mon code est le suivant.

Aucune erreur n'est signalée dans VSC, mais le texte de la balise

apparaît toujours, quelle que soit la valeur de review.reviewPrivacy qu'il soit égal ou non à keepFullyPrivate.

 L'identité du commentateur est privée

Mise à jour (informations supplémentaires) :

• J'utilise la version Vue 3.2.1
• Les données obtenues depuis Firestore sont correctes. Par exemple, dans le même parent que le code ci-dessus, cette ligne de code

  Choix de confidentialité pour cette révision : {{ review.reviewPrivacy }}

  Affichez le texte suivant : Choix de confidentialité pour ce commentaire : postAnonPublic, qui est une condition v-else-if ≪/li>

Deuxième mise à jour : Comme demandé dans les commentaires, faites du code un bloc complet :

 
  
Choix de confidentialité pour cet avis : {{ review.reviewPrivacy }}
 
  
L'identité de l'évaluateur est privée
 
Anonyme - Réviseur : {{ review.userName }} ;
 
L'évaluateur a choisi la divulgation complète - nom complet {{ review.userFirstName }} {{ review.userLastName }}
 
 
Créé il y a {{ review.createdAt }} jours
 
 

Merci !