jeecgbootvue3列表数据状态为数字时,手动赋值的三种方法

例如:返回数值 1为新增 0为提交审核,2审核通过需要展示审批状态

处理方法代码展示:

1、没有数据字典直接使用循环赋值

效果展示:

2、有数据字典直接赋值并添加样式,注意(attendance_fake_range)为数据字典名称

TypeScript 复制代码
customRender: ({ text }) => {
      const color = text == '0' ? 'green' : text == '-1' ? 'red' : 'gray';
      return render.renderTag(render.renderDict(text, 'attendance_fake_range'), color);
    },

效果展示

3、如果后端有返回bmpStatus_dictText的中文值可以直接替换字段如图

相关推荐
2501_9400417416 小时前
从跑酷到实时联机:5个能直接用的Web游戏开发需求
前端
RANxy16 小时前
零基础全栈 React 入门(三):状态管理与事件处理
前端
Csvn16 小时前
前端调试技巧
前端
右耳朵猫AI16 小时前
React技术周刊 2026年第20周
前端·react.js·前端框架
问心无愧051316 小时前
ctf show web入门58
前端·笔记
七夜zippoe16 小时前
OpenClaw Canvas 执行:JavaScript 注入实战
开发语言·javascript·udp·canvas·openclaw
zzx2006__16 小时前
JavaScript最终考核
开发语言·前端·javascript
用户44455436542616 小时前
Android跑马灯控件
前端
光影少年16 小时前
react全局状态、局部状态、服务端状态如何选型
前端·react.js·掘金·金石计划
甄心爱学习16 小时前
【项目实训(个人10)】
开发语言·前端·javascript