这是我用 Quasar 创建的表的简单模板。
\n\n:class="\'(props.value < 1000) ? bg-red : bg-green\'"\n我无法根据数字条件为每个单元格着色,并且它一直为假(在这种情况下,每个单元格都会触发 bg-green )。我检查了所有单元格typeOf都是number.
<template>\n <div class="q-pa-sm">\n <q-table\n ref="mainTable"\n class="my-sticky-virtscroll-table"\n style="height: 800px"\n :data="data"\n :columns="columns"\n row-key="name"\n :selected-rows-label="getSelectedString"\n selection="multiple"\n :selected.sync="selected"\n virtual-scroll\n :pagination.sync="pagination"\n :virtual-scroll-sticky-size-start="48"\n :rows-per-page-options="[0]"\n :filter="filter"\n flat\n bordered=""\n @focusin.native="activateNavigation"\n @focusout.native="deactivateNavigation"\n @keydown.native="onKey"\n >\n <template v-slot:top-left>\n <q-input\n ref="mainSearchInput"\n debounce="10"\n v-model="filter"\n label="B\xc3\xbasqueda"\n filled\n bottom-slots\n clearable=""\n style="width:500px"\n >\n <template v-slot:hint\n >Puede hacer busquedas online con commandos.</template\n >\n </q-input>\n </template>\n\n <template v-slot:body-cell-qty="props">\n <q-td :props="props">\n <q-badge\n :class="\'(props.value < 1000) ? bg-red : bg-green\'"\n :label="props.value"\n …Run Code Online (Sandbox Code Playgroud)