table表格中某个表格要依据后台传的id数据做正负判断。

Question

就像下面这种，我现在要根据这条数据里面的id值的前四位做判断，例如：dev_id: "140134000000000004"，这里前四位就是1401，我要截取这个数据前四位再判断这条数据的无功值是不是负的，负的就标红。这种前端该怎么做？

1. 电抗器无功值为负用红字（电容器设备id前四位为1402，电抗器设备id前四位为1401）

<vxe-table-column field="q_score" min-width='100' title="无功得分">
    <template v-slot="{ row }">
      <span :class="[row.q_score !== 100 ? 'red' : 'black']">
        {{ row.q_score }}
      </span>
    </template>
  </vxe-table-column>

Answer 1

class三目运算解决。

<vxe-table-column field="q_value" min-width='120' title="无功值">
      <template v-slot="{ row }">
      <span :class="[row.dev_id.substring(0, 4) == '1401' ? ( row.q_value < 0 ? 'red' : 'black' ) : 'error']">
        {{ row.q_value }}
      </span>
    </template>
</vxe-table-column>