0

我想将“活动”行设置为值“活动”或“不活动”,无论该值为真还是假。使用我的代码,我总是得到“不活跃”的值(我已经用真假测试了条件,所以我的猜测是我没有得到任何条件值)。顺便说一句,如果相关,我不能在数据表中使用 v-for 。谢谢

<v-data-table :items="locations" :headers="headers" class="elevation-1">

  <template slot="item" slot-scope="row">
    <tr>
      <td class="text-xs-right">{{ row.item.code }}</td>
      <td class="text-xs-right">{{ row.item.name }}</td>
      <td class="text-xs-right">{{ row.item.descr }}</td>
      <td class="text-xs-right">{{ row.item.dateFrom }}</td>
      <td class="text-xs-right">{{ row.item.dateTo }}</td>
      <td :class="row.item.active === true ? row.item.active='active' : row.item.active='not active'" class="text-xs-right">{{ row.item.active }}</td>
    </tr>
  </template>

</v-data-table>
4

1 回答 1

0

您正在将值分配给,row.item.active因此活动变量包含'active'or'not-active'而不是trueorfalse这就是为什么您总是得到'not-active',因为row.item.active === true总是解析为false

<td :class="(row.item.active === true ? 'active' : 'not-active') + ' text-xs-right'">{{ row.item.active }}</td>

更新的答案

<td class="text-xs-right">{{ row.item.active ? 'active' : 'not active' }}</td>
于 2020-05-18T16:02:46.243 回答