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

Question

다음과 같은 조건에 따라 vue의 요소에 클래스를 바인딩할 수 있습니다.

으아악

그러나 동일한 조건부 바인딩을 style 사용하려고 하면 다음과 같습니다.

으아악

styles 均未应用于该元素。为什么 :style 명령이 작동하지 않나요?

두 지시문 모두 다른 모든 요소를 ​​포함하는 container div에 적용됩니다.

Answer 1

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

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