在Vue.js中按类将文本追加到多个元素

data() {
  return {
    text: 'Hello World'
  }
}

<template>
  <div>
    <div v-for="item in items" :key="item.id" :class="item.class">
      {{ getTextByClass(item.class) }}
    </div>
  </div>
</template>

computed: {
  getTextByClass() {
    return function(class) {
      if (class === 'class1') {
        return this.text + ' - Class 1'
      } else if (class === 'class2') {
        return this.text + ' - Class 2'
      } else {
        return this.text
      }
    }
  }
}

data() {
  return {
    text: 'Hello World',
    items: [
      { id: 1, class: 'class1' },
      { id: 2, class: 'class2' },
      { id: 3, class: 'class3' }
    ]
  }
}