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

相关推荐
CreasyChan8 分钟前
C# 反射详解
开发语言·前端·windows·unity·c#·游戏开发
JIngJaneIL37 分钟前
基于Java+ vue智慧医药系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
+VX:Fegn08951 小时前
计算机毕业设计|基于springboot + vue图书管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
阿蒙Amon2 小时前
JavaScript学习笔记:6.表达式和运算符
javascript·笔记·学习
hashiqimiya2 小时前
两个步骤,打包war,tomcat使用war包
java·服务器·前端
小a杰.2 小时前
Flutter 设计系统构建指南
开发语言·javascript·ecmascript
零度@2 小时前
Java中Map的多种用法
java·前端·python
yuanyxh3 小时前
静默打印程序实现
前端·react.js·electron
三十_A4 小时前
如何正确实现圆角渐变边框?为什么 border-radius 对 border-image 不生效?
前端·css·css3
kgduu4 小时前
js之事件系统
javascript