Die v-bind:style-Direktive funktioniert nicht mit bedingten Vergleichen
P粉321676640
P粉321676640 2024-03-31 17:56:41
0
1
306

Ich kann Klassen an Elemente in vue binden, basierend auf Bedingungen wie:

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

Aber wenn ich versuche, die gleiche bedingte Bindung style so zu verwenden:

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

styles 均未应用于该元素。为什么 :style Befehl funktioniert nicht?

Beide Richtlinien gelten für container div, die alle anderen Elemente enthalten.

P粉321676640
P粉321676640

Antworte allen(1)
P粉722409996

我对您的问题进行了一些研究,因此要解决它,您可以执行以下操作:

  1. 在浏览器开发工具中检查元素的样式,可能会出现覆盖 css 文件中的绑定样式的情况,例如,如果您有指向 css 文件的链接
  2. 这里 { '背景': '蓝色;' } 尝试删除“;”,对我来说,当我删除它时它开始起作用。
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!