La directive v-bind:style ne fonctionne pas avec les comparaisons conditionnelles

Question

Je peux lier des classes à des éléments dans vue en fonction de conditions telles que :

:class="i18n.global.locale == 'ar' ? 'class1': 'class2'"

Mais quand j'essaie d'utiliser la même liaison conditionnelle style comme ceci :

:style="[i18n.global.locale == 'ar' ? { 'background': 'blue;' }: { 'background': 'red' } ]"

styles 均未应用于该元素。为什么 :style La commande ne fonctionne pas ?

Les deux directives s'appliquent à container div contenant tous les autres éléments.

Answer 1

J'ai fait quelques recherches sur votre problème, donc pour le résoudre vous pouvez procéder comme suit :

1. Vérifiez le style de l'élément dans les outils de développement du navigateur, il peut arriver que les styles liés dans le fichier CSS soient remplacés, par exemple, si vous avez un lien vers le fichier CSS
2. Ici { '背景': '蓝色;' } J'ai essayé de supprimer le ";", pour moi, cela a commencé à fonctionner lorsque je l'ai supprimé.