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的中文值可以直接替换字段如图

相关推荐
陆枫Larry12 小时前
从一个按钮间距,聊透 CSS 的 gap 属性
前端
北冥有鱼12 小时前
mqtt 测试
前端·后端
张鑫旭12 小时前
都AI时代了,我为何还在学习前端基础知识?
前端
swipe12 小时前
正则表达式入门到进阶:从表单校验到手写模板引擎
前端·javascript·面试
阿祖zu12 小时前
别再优化 RAG 了,适配 Agent 的 LLM Wiki 知识库理念
前端·后端·aigc
kyriewen13 小时前
前端错误监控最全指南:捕获 JS 异常、Promise 拒绝、资源加载失败,附上报代码
前端·javascript·监控
狗哥哥13 小时前
船队运营可视化技术方案
前端
大家的林语冰13 小时前
ESLint 近期动态大全,新版本正式发布,antfu 大佬推荐的插件也更新了!
前端·javascript·前端工程化
只会cv的前端攻城狮13 小时前
DSL 领域模型架构设计:消灭 CRUD 重复工作
前端·架构
码事漫谈14 小时前
时序数据库2026盘点:国产数据库如何以“融合多模”走出差异化之路?
前端·后端