v-bind:style を使用して動的値を使用すると、v-bind:style が機能しないという問題が発生しましたが、v-bind:style は正しい値を取得していると確信しています (:style='{ color : red (その他の値) }') がコンソールとスタイルセクションの css に正常に反映されます。なぜ v-bind を使用しないのでしょうか?何か案は？ ?どうもありがとう。
次のコード スニペットを確認してください。すべて問題ないようです:
上で述べたように、スタイルには compulated 属性を使用する必要があります。 これにより、プロップへの変更も自動的に反映されます。 特定の条件がある場合は、コールバック関数で計算された値に基づいて値を変更することもできます。このアプローチを説明するために、ダーク モードの例を追加しました。
compulated
次に、:style="style" を使用して div に追加します。
:style="style"
私からのヒント。オブザーバーを使用する代わりに、色を設定するコードをアウトソースし、そのメソッドを色を変更するイベントにバインドします。これにより、アプリケーションがより柔軟になり、クリーンアップされます。しかし、あなたがやっていることも効果があります。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
次のコード スニペットを確認してください。すべて問題ないようです:
上で述べたように、スタイルには
リーリーcompulated属性を使用する必要があります。これにより、プロップへの変更も自動的に反映されます。
特定の条件がある場合は、コールバック関数で計算された値に基づいて値を変更することもできます。このアプローチを説明するために、ダーク モードの例を追加しました。
次に、
リーリー:style="style"を使用して div に追加します。私からのヒント。オブザーバーを使用する代わりに、色を設定するコードをアウトソースし、そのメソッドを色を変更するイベントにバインドします。これにより、アプリケーションがより柔軟になり、クリーンアップされます。しかし、あなたがやっていることも効果があります。