小编Mar*_*ark的帖子

我正在使用 vue2 和 bootstrap-vue。实际上我有一个带有一些字段的b 表。其中一个字段是带有布尔值（真/假）的“已发布”。我想在每一行都有一个css 类，其中字段 'released' 的值为 false。例如，用另一种文本颜色显示该行处于非活动状态。

我怎样才能做到这一点？我在 bootstrap-vue 的文档中没有找到解决方案。有人有想法吗？（这是我在这里的第一个问题，如果可能难以理解，请见谅）

示例（只有第 2 项的行应该在表格行上获得一个 css-class，因为它没有被释放）：

...
<b-table stacked="md" :items="items" :fields="fields" >
...


<script>
...

export default {
  data () {
    return {
        fields: {
            {
              key: 'id',
              label: 'ID',
              sortable: true,
              class: 'Left',
            },
            {
              key: 'name',
              label: 'Name',
              sortable: true,
              class: 'Left'
            },
            {
              key: 'released',
              label: 'Freigegeben',
              sortable: true,
              class: 'Left'
            },
        },
        items: [
            {
              id: '1',
              name: 'nameA',
              released: …