クラスバインディングスタイルを使用する方法4、

(VUE結合様式を使用して)スタイルでVUE

最初の

=「アクティブな薄い」直接クラスをすることができますバインドスタイルVUEを使用しないでください

VUEは、V-バインドを使用して、結合特性を結合する複数のスタイル(のアレイを使用して:)

:クラス=「{ '薄い'、 'itatic'、 'アクティブ'}」

:クラス=「{ '薄い'、 'itatic'、フラグ 'アクティブ':? ''}」

フラグがアクティブの使用上、該当する場合は、VUEからデータを取得することができるように、すべてではないに同じ真実であるかについて

:クラス=「{、 '薄い 'itatic'、{ 'アクティブ':フラグ}}」

このオブジェクトは、表現を簡素化すると判断されるような使用は3元を反映しています

第二の目的

16196576-4d2ff4f375e4eef4.png
1556330989145.png

Vueがインラインスタイルを使用します

キーと値のペアの内部スタイル順不同コレクション

:スタイル= '' {色 "赤"、} ''

同じアレイがオブジェクトとして定義することができます。

おすすめ

転載: blog.csdn.net/weixin_34235105/article/details/91026135