內聯樣式不能在VueJS中工作

Question

我一直在遵循指南：https://vuejs.org/v2/guide/class-and-style.html#Binding-Inline-Styles for VueJS中的內聯CSS。但是在某些情況下，它不起作用。

：風格= 「{背景：colorSelected}」 //工作

下面給出一個錯誤說： - 無效的表達：風格= 「{邊框顏色左：colorSelected}」

：風格= 「{邊框顏色左：colorSelected}」 //不工作

Answer 1

這是一個對象字面無效的JavaScript語法。對象屬性需要有引號：

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

，或者你可以像（Vue公司專用）這個指定：

:style="{ borderLeftColor: colorSelected }" 

而且款式border-left-color不border-color-left。