在VueJs模板中为属性添加字符

Question

所以我要说我有一个班级label-dog。

假设我想在VueJs元素中声明类，如。

<img :class="type" >

动物类就像

data: { type: dog }

如何在课堂上添加“label-”部分？有这个语法吗？

Answer 1

你可以这样做：

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

您还可以定义计算属性以构建＆＃39;你的班级：

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