Vue.js 如何将类应用于Buefy表中的特定单元格？

我想知道是否有一种方法可以动态应用针对Buefy表中特定单元格的类。例如，以下是我正在处理的代码：

模板：

  <b-table :data="status.peerStatus">
    <template slot-scope="props">
      <b-table-column :class="classObject" v-for="(column, index) in columns" :key="index"
        :label="column.label" :visible="column.visible" :width="200">
        {{ props.row[column.field] }}
      </b-table-column>
    </template>
  </b-table>

现在，整行以蓝色突出显示，因为

的背景信息设置为true

然而，我想做的是只针对一个特定的单元格，并通过像这样传递单元格的值有条件地应用类

现在，我正在尝试将单元格的值传递给
classObject
，如下所示

你应该把它放在
方法中，而不是
计算中

methods: {
    classObject(cellValue) {
      return {
        "has-background-info": cellValue === "YES" ? true : false;
      };
    }
}

成功了。非常感谢您的澄清！我知道这是一个新手问题，但当我尝试使用
computed
而不是
方法时，它为什么不起作用。但在您的组件中，每个单元格的类值不同，因此应该在方法中动态计算。再次感谢您的澄清！
 computed: {
    classObject(cellValue) {
      return {
        "has-background-info": cellValue === "YES" ? true : false;
      };
    }

methods: {
    classObject(cellValue) {
      return {
        "has-background-info": cellValue === "YES" ? true : false;
      };
    }
}