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

Question

次の条件に基づいて、vue の要素にクラスをバインドできます。

リーリー

しかし、同じ条件付きバインディング style を次のように使用しようとすると、次のようになります。 リーリー

スタイルはこの要素には適用されません。 :style ディレクティブが機能しないのはなぜですか?

両方のディレクティブは、他のすべての要素を含む

container div に適用されます。

Answer 1

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

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