인라인 스타일이 VueJ에서 작동하지 않음s

인라인 스타일이 VueJ에서 작동하지 않음s

VueJs의 인라인 css에 대해서는 https://vuejs.org/v2/guide/class-and-style.html#Binding-Inline-Styles 가이드를 따르고 있습니다.그러나 경우에 따라서는 동작하지 않는 경우도 있습니다.

:style="{ background: colorSelected }" // 작동 중

다음 오류는 다음과 같습니다. - 잘못된 식: style="{ border-color-left: colorSelected }"

:style="{ border-color-left: colorSelected }" // 작동하지 않음

개체 리터럴에 대한 잘못된 JavaScript 구문입니다.개체 속성에는 따옴표가 있어야 합니다.

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

또는 다음과 같이 지정할 수 있습니다(Vue 고유).

:style="{ borderLeftColor: colorSelected }"

또 스타일은border-left-color것은 아니다.border-color-left.

언급URL : https://stackoverflow.com/questions/45102279/inline-styles-not-working-in-vuejs