深圳中小企业网站制作,光泽网站建设wzjseo,wordpress 查询文章,做动漫头像的网站业务需求#xff1a;表格的列名是循环出来的#xff0c;后台返回每行的表格数据结构如下#xff0c;需要表格里只有“当期”的行里数值超限waterGuildLine后显示红色。需要在vxe-table里写个插槽#xff0c;再写个方法。 vxe-table border refdayTableRef … 业务需求表格的列名是循环出来的后台返回每行的表格数据结构如下需要表格里只有“当期”的行里数值超限waterGuildLine后显示红色。需要在vxe-table里写个插槽再写个方法。 vxe-table border refdayTableRef height100% :column-config{ resizable: true } :datatableDataInstShow:menu-configmenuConfig menu-clickcontextMenuClickEventvxe-column v-for(item, index) in columnDayData :keyitem.value :fielditem.value show-overflow:titleitem.name aligncenter :widthindex columnDayData.length - 1 ? 100 : filterWidth(item.name):fixedindex 0 ? left : (index columnDayData.length - 1) ? right : template #default{ row }span :stylegetRowStyle(row, item.value){{ row[item.value] }}/span/template/vxe-column/vxe-table state.columnDayData [{ name: 年月, value: getTime },];for (let i 1; i 32; i) {state.columnDayData.push({ name: ${i}号, value: day${i} })}state.columnDayData.push({ name: 合计, value: total })getRowStyle(row, columnKey) {if (state.selectValue3 2 row?.getTime?.indexOf(当) ! -1) {const value row[columnKey];if (value row?.waterGuideLine columnKey ! getTime columnKey ! total) {return color: var(--gdky-warning-status-color);}}return ;},
