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

相关推荐
ZC跨境爬虫11 分钟前
前端实战复盘:从零完成Apple中国大陆官网UI第一阶段全量静态复刻
前端·css·ui·html
苏一恒20 分钟前
MP4 在 <video> 里,必须全量下载才能起播吗?—— moov、Range 与被误解的 FastStart
前端
Java小卷28 分钟前
低代码并没有过时!可拖拽表单设计器布局思路
前端·低代码
idcu30 分钟前
深入 Lyt.js 响应式系统:Proxy + Signal 双模式
前端
idcu31 分钟前
Vapor Mode 揭秘:无虚拟 DOM 的极致性能
前端
idcu33 分钟前
从 Vue 3 到 Lyt.js:无痛迁移指南
前端
尘世壹俗人34 分钟前
如何检查服务器上消耗资源的程序是那个
服务器·前端·chrome
LIO39 分钟前
Vue Router 进阶:深入用法与最佳实践
前端·vue-router
Hilaku1 小时前
做了 6 年前端,技术不差却拿不到 Offer?
前端·javascript·程序员
古茗前端团队1 小时前
钉钉小程序蓝牙打印探索与实践
前端·蓝牙