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

相关推荐
天天向上102416 小时前
Vue 配置一次打包执行多个命令,并将分别输出到不同的文件夹
前端·javascript·vue.js
BD_Marathon16 小时前
【JavaWeb】HTML——超链接标签
前端·html
彭于晏爱编程16 小时前
🐻 Zustand 使用指南:从 0 到精通的最快路线
前端
장숙혜16 小时前
Vue DevTools 速通-掌握开发调试器
前端·javascript·vue.js
谢尔登16 小时前
为什么React 17开始无需在组件中引入React了?
前端·react.js·前端框架
ohyeah16 小时前
JavaScript 面向对象的本质:从对象模板到组合继承的完整演进
前端·javascript
Drift_Dream16 小时前
虚拟滚动:优化长列表性能的利器
前端
逃离疯人院16 小时前
前端性能深度解析:网络响应时间与实际渲染时间的鸿沟
前端
国服第二切图仔16 小时前
Electron for鸿蒙PC项目实战之天气预报应用
javascript·electron·harmonyos·鸿蒙pc
VX:Fegn089516 小时前
计算机毕业设计|基于springboot + vue酒店预约系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计