Class 如何使用v-bind添加；“动态”；类到按钮

所以我有一个getter（getter或paged组件都没有所有期望的状态值），我想用getter来实现这个目标，但没有成功

getStatusValues: (state) => {
    return [
      { id: 0, name: i18n.t('OK') },
      { id: 1, name: i18n.t('Running') },
      { id: 2, name: i18n.t('Error') }
    ]
  },

我想将一个类绑定到这个自分页组件中的一个按钮

<div class="objs">
        <div
          v-for="obj in objPage"
          :key="obj.id"
          class="obj"
        >
          <button
            :class="{class1:obj.status === 'OK', class2: obj.status === 'NotRunning', class3: obj.status === 'Running', Err: obj.status === 'Error'}"
            @click="Dialog(obj)"
          >
            {{ obj.id }}
          </button>
        </div>

        <div
          v-for="i in (objPage.length < 9) ? 9 - objPage.length : 0"
          :key="i"
          class="empty"
        />
      </div>

{{obj.id}

有没有一种方法可以让所有的状态值动态地成为类名，并且只需要对

{classname:obj.status===“classname”}

进行一次检查，因为我的方法不是最好的，我想找到一个不同的方法

:class="obj.status"

---

不说状态将是一个字符串我总是可以使用getterI筛选名称，我会说只使用

obj.status

，如果它不总是一个字符串，则使用computed或getter根据

status

返回一个字符串。您的意思是：class=“obj.status”？哦，migth workSo none发布了一个答案，所以我会这么做，最后我选择了不同的方式，因为我的状态不会一直是字符串，这意味着我不能以这种方式为每个状态上课