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.
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? –
Oui @NathanielFlick. Grâce à cet exemple, je souhaite appliquer un style de texte à cette balise de paragraphe. –
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 –