將字符添加到VueJs中的屬性模板

Question

因此，假設我有一個類label-dog。

假設我想在類似VueJs元素中聲明類。

<img :class="type" >

隨着類動物是類似

data: { type: dog }

的我如何添加 「無標記」 部分的類？有沒有這樣的語法？

Answer 1

你可以這樣來做：

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

您還可以定義一個計算的屬性爲 '建立' 你的類：

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