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

相关推荐
MQliferecord8 分钟前
如何快速实现响应式多屏幕适配
前端
欧阳的棉花糖9 分钟前
不用记复杂路径!3 步让你的 JS 脚本像 “vue create” 一样好用
javascript
韭菜炒大葱10 分钟前
从回调到async/await:JavaScript异步编程的进化之路
前端·javascript·面试
凌晨起床12 分钟前
前端开发规范
前端
与妖为邻17 分钟前
HTML5动态时间显示组件
javascript·css·css3
Cache技术分享22 分钟前
247. Java 集合 - 为什么要远离 Stack 类?
前端·后端
●VON24 分钟前
Electron for HarmonyOS 开发环境搭建
javascript·electron·harmonyos
v***913031 分钟前
Spring+Quartz实现定时任务的配置方法
android·前端·后端
Irene199134 分钟前
JavaScript 常见类数组对象对比(附:具有默认迭代器的数据类型详解)
javascript·类数组对象
charlie11451419140 分钟前
面向C++程序员的JavaScript 语法实战学习4
开发语言·前端·javascript·学习·函数