VueJs 템플릿의 특성에 문자 추가

Question

그래서 클래스가 label-dog이라고 가정 해 보겠습니다.

예를 들어 VueJs 요소에서 클래스를 선언하고 싶습니다. 동물

data: { type: dog }

같은 존재의 클래스와

<img :class="type" >

어떻게 클래스에 "레이블 -"부분을 추가하는 방법은 무엇입니까? 이 구문이 있습니까?

Answer 1

당신은 그것을 이런 식으로 수행 할 수 있습니다

<img :class="'label-' + type" > 

당신은 또한에 계산 된 속성을 정의 할 수 클래스 '를 구축'

computed: { 
    fullClass() { 
    return 'label-'+ this.type; 
    } 
},