v-bind:style ディレクティブが条件比較では機能しない

Question

次のような条件に基づいて vue の要素にクラスをバインドできます: :class="i18n.global.locale=='ar'?'class1':'class2'" しかし、同じものを使用してスタイルをバインドしようとすると、以下に示すように、条件: :style="[i18n.global.locale=='ar'?{'background':'blue;'}:{'background':'red'}]"s

P粉722409996 · Answer

私はあなたの問題についていくつか調査したので、それを解決するには次のことを行うことができます:

ブラウザ開発ツールで要素のスタイルを確認してください。たとえば、CSS ファイルへのリンクがある場合、CSS ファイル内のバインドされたスタイルがオーバーライドされる可能性があります。
ここ { '背景': '青;' } 「;」を削除してみました。私にとっては、それを削除すると機能し始めました。