在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;
  }
},