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

相关推荐
2301_796512528 分钟前
【精通篇】打造React Native鸿蒙跨平台开发高级复合组件库开发系列:Sticky 粘性布局(始终会固定在屏幕顶部)
javascript·react native·react.js·ecmascript·harmonyos
Amumu1213817 分钟前
CSS基础选择器
前端·css
南囝coding24 分钟前
Claude Code 作者再次分享 Anthropic 内部团队使用技巧
前端·后端
colicode1 小时前
C#语音验证码API示例代码:快速实现.NET环境下的语音验证调用逻辑
前端·前端框架·语音识别
陆枫Larry1 小时前
uni-swipe-action 从编辑页返回后滑动按钮仍显示的问题
前端
大时光1 小时前
gsap 配置解读 --4
前端
Zachery Pole1 小时前
JAVA_03_运算符
java·开发语言·前端
Lyda1 小时前
i18n Ally Next:重新定义 VS Code 国际化开发体验
前端·javascript·后端
xiao阿娜的妙妙屋11 小时前
Seedance2.0在哪可以用?自媒体人狂喜!这款AI视频神器我吹爆了
前端
橙序员小站1 小时前
程序员如何做好年夜饭:用系统设计思维搞定一桌硬菜
前端·后端