반응형
Vue 2.0에서의 CSS 클래스 전환
vue 1에서는 다음과 같이 하고 있었습니다.v-bind:class='{"isdanger": invalidLogin}'.
Vue 2 앱에서도 동일한 작업을 수행하려고 하는데 다음 오류가 나타납니다.
template syntax error - invalid expression: v-bind:class="{'isdanger': invalidLogin}"
사용하고 있다pug혹시 모르니까
좋은 생각 있어요?
하아, 이렇게 큰따옴표로 바꿨어요.v-bind:class="{'is-danger': true}"이제 효과가 있어요.
언급URL : https://stackoverflow.com/questions/39380201/toggle-a-css-class-in-vue-2-0
반응형
'programing' 카테고리의 다른 글
| Vue 라우터에서 경로 입력 전에 인증 토큰이 유효한지 확인하는 중 (0) | 2022.07.30 |
|---|---|
| 왜 이 두 번을 빼면 이상한 결과가 나올까요? (0) | 2022.07.29 |
| URL 디코딩은 Java에서 어떻게 하나요? (0) | 2022.07.29 |
| 2개의 클래스에서 확장 (0) | 2022.07.29 |
| 어레이 정렬을 사용하여 모바일에서 작동하지 않는 vue의 요소를 재배치하시겠습니까? (0) | 2022.07.29 |