반응형
Vue.js 클래스 이름으로 프로펠러 값 사용
구성 요소에 클래스 이름을 전달하는 경우 해당 프로펠러 값을 클래스 이름으로 사용하는 방법
<i v-if="icon" class="fa" :class="{ icon: icon }"></i>
로 부르다.<input-text icon="fa-search"></input-text>
배열 표기법을 사용할 수 있음:
<i v-if="icon" :class="['fa', icon]"></i>
어디.icon네 재산의 이름이야
참조URL: https://stackoverflow.com/questions/42436416/vue-js-use-prop-value-as-class-name
반응형
'programing' 카테고리의 다른 글
| vuej에서 여러 하위 구성 요소에서 발생하는 이벤트를 캡처할 수 있는 방법이 있는가? (0) | 2022.05.04 |
|---|---|
| 기존 멀티페이지에서 jQuery를 VueJS 2로 교체할 때 가장 좋은 방법.NET MVC 응용 프로그램 (0) | 2022.05.04 |
| 순기능의 이점 (0) | 2022.05.04 |
| Java Map이 컬렉션을 확장하지 않는 이유 (0) | 2022.05.04 |
| Apache에서 vue 기록이 있는 https 강제 적용 (0) | 2022.05.04 |