1
votes

Vuejs v-if et chargement de la page

J'ai cet élément dans laravel blade:

.pl-2 { padding-left: 10px }

Dans cette condition je vérifie si notificationsCount> 0 , puis affiche ce notificationsCount .

Lors du chargement de la page, cet élément se charge avec la classe pl-2

css:

 <span 
      v-if="notificationsCount !== 0" 
      class="pl-2 text-def font-bold" 
      v-text="notificationsCount">
</span>

Comment puis-je supprimer ce remplissage, lors du chargement de la page et obtenir ce remplissage lorsque notificationsCount> 0 ?

laravel javascript vue.js

0 commentaires

3 Réponses :

0
votes

Essayez d'utiliser quelque chose comme:

<span v-if="notificationsCount !== 0" v-bind:class="{ pl-2: notificationsCount }" class="text-def font-bold" v-text="notificationsCount"></span>

J'espère que cela vous aidera.

2 commentaires

Vue warn]: Erreur lors de la compilation du modèle:

@Dumitru : class = "{'pl-2': notificationsCount}"

0
votes

: class = "{pl-2: notificationsCount <0}"

3 commentaires

Vue warn]: Erreur lors de la compilation du modèle:

Prendre une image d'erreur ou mettre votre erreur_info en commentaire?

0
votes

La réponse se trouve ici ,

<span v-if="notificationsCount !== 0" v-bind:class="{ 'pl-2': notificationsCount > 0 }"></span>

0 commentaires