VueJSでインラインスタイルが機能しない

Question

VueJSでinline cssのガイドに従っています：https://vuejs.org/v2/guide/class-and-style.html#Binding-Inline-Styles。しかし、状況によっては機能しない場合もあります。無効な式：：スタイル= "{ボーダー色左：colorSelected}" - ：

：スタイル= "{背景：colorSelected}" //

次の作業は、というエラーを与えます

：スタイル= "{ボーダー色左：colorSelected}"

Answer 1

を働いていない//これは、オブジェクトリテラルに対して無効なJavaScriptの構文は次のとおりです。

:style="{ 'border-left-color': colorSelected }" 

か、この（ヴュー固有）のように、それを指定することができます：

:style="{ borderLeftColor: colorSelected }" 

またスタイルがborder-left-colorないborder-color-leftであるオブジェクトのプロパティには、引用符を持っている必要があります。