2017-03-19 1 views
1

J'ai défini un Sass mixin et utilisé dans un style de classe. J'utilise la classe dans le modèle. J'ai besoin de décider de la couleur à l'exécution. Donc, j'essaie de remplacer mixin. Mais il montre en #ff0000 la couleur que j'ai définie dans le mixin initialement.Remplacer Sass mixin dans le modèle de vue dynamiquement

Pour une raison quelconque, je can't use an extra class, Quelle pourrait être la meilleure solution dans ce scenerio.

Mon stylesheet app.scss

@mixin mx-color { 
    color: #ff0000; 
} 
.my-color { 
@include mx-color; 
} 

vue modèle angulaire app.html.haml

:css 
    @mixin mx-color { 
    color: {{custom_color}}; // custom_color contains hex-color to replace 
} 
%body 
    %p.my-color 
    This text must show-up in custom color but its showing the default color. 
+0

S'il vous plaît ajouter plus de code à votre question, comme le style de texte que vous essayez de remplacer. Est-ce p {} ou quelque chose de plus? –

+0

Oui @NathanielFlick. Grâce à cet exemple, je souhaite appliquer un style de texte à cette balise de paragraphe. –

+0

Oui, je sais, mais quels autres styles sont en jeu ici? Votre exemple ne montre aucun conflit potentiel, il doit donc s'agir d'un code non montré dans votre exemple. Lisez ceci pour savoir comment formuler une bonne question: http://stackoverflow.com/help/how-to-ask –

Répondre

0

S'il vous plaît vérifier la compilé HTML/CSS sortie. Je ne pense pas qu'il soit possible d'écraser juste un mixin et attendre les blocs SASS où le mixin a été utilisé pour mettre à jour automatiquement.