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

相关推荐
暴力袋鼠哥37 分钟前
基于 Spring Boot 3 + Vue 3 的农产品在线销售平台设计与实现
vue.js·spring boot·后端
chilavert3181 小时前
技术演进中的开发沉思-371:final 关键字(中)
java·前端·数据库
2301_816997881 小时前
Vite构建工具
前端
yuki_uix2 小时前
深入理解 reduce:从面试题到设计思维
前端
凌云拓界2 小时前
TypeWell全攻略(二):热力图渲染引擎,让键盘发光
前端·后端·python·计算机外设·交互·pyqt·数据可视化
coding随想2 小时前
TypeScript 高级类型全攻略:从“可表达性”到“类型体操”的实践之路
前端·javascript·typescript
大时光2 小时前
gsap -滚动插件 ScrollTrigger 简单demo
前端
tangbin5830853 小时前
iOS Swift:蓝牙 BLE 连接外设CoreBluetooth
前端