v-bind:style 지시문은 조건부 비교에서 작동하지 않습니다.

Question

다음과 같은 조건을 기반으로 클래스를 vue의 요소에 바인딩할 수 있습니다: :class="i18n.global.locale=='ar'?'class1':'class2'" 하지만 동일한 조건을 사용하여 스타일을 바인딩하려고 하면 조건은 아래와 같습니다: :style="[i18n.global.locale=='ar'?{'Background':'blue;'}:{'Background':'red'}]"s

P粉722409996 · Answer

귀하의 문제에 대해 몇 가지 조사를 했으니 문제를 해결하려면 다음을 수행할 수 있습니다.

브라우저 개발 도구에서 요소의 스타일을 확인하세요. 예를 들어 CSS 파일에 대한 링크가 있는 경우 CSS 파일의 바인딩된 스타일이 재정의될 수 있습니다.
여기 { '背景': '蓝色;' } ";"를 제거해 보았습니다. 제거한 후에 작동하기 시작했습니다.