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

相关推荐
Han.miracle4 分钟前
Spring IoC 与 DI 核心知识点综合测试题
java·前端·数据库
-杨豫7 分钟前
JavaScript入门到精通全套资料,以及核心进阶ES6语法,API,js高级等基础知识和实战教程
开发语言·javascript·es6
im_AMBER16 分钟前
react-i18next 国际化支持
前端·react.js·前端框架
文心快码BaiduComate18 分钟前
Comate 3月全新升级:全新Plan模式、Explore Subagent深度检索能力增强
前端·后端·程序员
Lsx_18 分钟前
前端发版后页面白屏?一套解决用户停留旧页面问题的完整方案
前端·javascript·掘金·日新计划
方安乐19 分钟前
pnpm与npm混用为什么会报错?
前端·npm·node.js
什么时候星期五22 分钟前
node版本升级后,项目跑不起来
前端·node.js
Forever7_24 分钟前
扫码枪卡顿有效解决方案
前端
aZhe的全栈知识分享25 分钟前
OpenClaw(龙虾)太难装?这份保姆级教程让你 3 分钟搞定
前端·人工智能·后端
sinat_2554878133 分钟前
保存 Object 数组
java·服务器·前端