如何根据类星体中的响应值更新文本？

Question

我有一个 q-table，我可以在其中从 API 获得响应。在其中一个条目中，它将标志的值设为 0 或 1，我需要将其更新为是或否。 我该怎么做？

我正在使用 q-badge 更改背景颜色并突出显示它，但无法更新文本。

      <template v-slot:body-cell-processed="props">
        <q-td :props="props" >
          <q-badge style="background-color:white" :class="props.row.processed==0?'bg-red':'text-black'">
              {{ props.row.processed }}
            </q-badge>
        </q-td>
      </template>

Answer 1

我试过了，效果很好。

<q-td key="processed" :props="props">
            <q-badge style="background-color:white" :class="props.row.processed==0?'bg-red text-white text-weight-bolder':'bg-blue text-black'">
              {{ props.row.processed }}
            </q-badge>
          </q-td>

Codepen - https://codepen.io/Pratik__007/pen/PoqzzLx?editable=true&editors=101