0
votes

Vuejs: Plusieurs conditions dans une classe

J'essaie de mettre en évidence des lignes dans une table si les conditions sont remplies; Fine> 0 ou la date d'échéance> Date d'aujourd'hui

​​Ce code fonctionne bien, mais ce n'est que pour une (1) condition. Si éventuel.fine> 0. p> xxx pré>

J'ai besoin d'avoir deux (2) conditions;

1. émettre.fine> 0 ou 2. Numéro.Datedue> La date d'aujourd'hui p>

J'ai essayé cela, mais cela ne fonctionne pas. P>

<tr v-for="issue in issues" :key="issue.id" :class="{'text-danger font-weight-bold': issue.fine > 0, issue.datedue > new Date()">
   <td>{{ issue.firstname}} {{ issue.lastname}}</td>
   <td>{{ issue.datedue }}</td>
</tr>


0 commentaires

3 Réponses :


1
votes

Utilisez && , pas une virgule. xxx

La virgule est syntaxiquement bien, mais le comportement renvoie la valeur de l'expression finale. < p> edit :

En réponse à votre édition, l'opérateur pour ou est || . Voir https://developer.mozilla.org/fr/fr -Us / Docs / Web / JavaScript / Référence / Opérateurs / Logical_opérateurs


3 commentaires

Je pense et travaille mais la nouvelle date () provoque une erreur.


Il est écrit «des problèmes détectés. Le nouveau groupe de travail des problèmes affiche des informations sur les dépréciations, la rupture des changements et d'autres problèmes potentiels».


Je suis désolé de moi pour mon post, je veux dire que l'une des conditions doit être signifiée. Soit # 1 ou # 2. Pas # 1 et # 2.



0
votes

Plusieurs conditions qui doivent être méta doivent être combinées avec un && , pas une virgule. xxx


2 commentaires

Je suis désolé de moi pour mon post, je veux dire que l'une des conditions doit être signifiée. Soit # 1 ou # 2. Pas # 1 et # 2. Merci pour votre réponse. J'ai essayé votre code mais je peux une erreur, "les problèmes détectés. Le nouveau panneau Problèmes affiche des informations sur les dépréciations, rompre les changements et autres problèmes potentiels".


Oh dans ce cas, vous devriez utiliser || au lieu de &&



0
votes

Je voudrais suggérer de déplacer cette logique à une propriété calculée uniquement pour une meilleure lisibilité et retirez le fouillis du code HTML.


0 commentaires