Как использовать v-bind для добавления класса «dynamici c» к кнопке

Question

так что у меня есть геттер (ни у геттера, ни у компонента с подкачкой нет всех желаемых значений состояния) я подумываю как-то использовать геттер для этого без успеха

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>

есть ли способ, которым я мог бы, возможно, динамически сделать все значения состояния именами классов и сделать только одну проверку для {classname:obj.status === "classname"}, потому что так я поступил? не самый лучший, и я хочу найти другой

Answer 1

Ответ

:class="obj.status"