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

相关推荐
quikai198120 小时前
python练习第六组
java·前端·python
用户479492835691521 小时前
0.1加0.2为什么不等于0.3-答不上来的都挂了
前端·javascript·面试
rit843249921 小时前
C#实现的远程控制系统
前端·javascript·c#
南山安21 小时前
React学习:Vite+React 基础架构分析
javascript·react.js·面试
诺斯贝克21 小时前
Unable to create converter for xxx.NetworkResponse<Auth> for method AuthService
前端·后端
listhi52021 小时前
针对燃油运输和车辆调度问题的蚁群算法MATLAB实现
前端·算法·matlab
渔_21 小时前
uni-app 页面传参总丢值?3 种方法稳如狗!
前端
快被玩坏了21 小时前
二次封装了个复杂的el-table表格
前端
用户938169125536021 小时前
在TypeScript中,可选属性(?)与null类型的区别
前端
JS_GGbond21 小时前
JavaScript事件循环:餐厅里的“宏任务”与“微任务”
开发语言·javascript·ecmascript