在VueJs模板中向屬性添加字符

Question

所以說我有一個class label-dog 。

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

<img :class="type" >

與動物類像

data: { type: dog }

如何將“ label-”部分添加到類中？ 是否有此語法？

Answer 1

您可以這樣操作：

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

您還可以定義一個計算屬性來“構建”您的類：

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