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

相关推荐
Levi_J15 分钟前
Vue2 升级 Vue3 项目实战
前端
前端拷贝猿16 分钟前
扫码领券功能需求分析
前端
英勇无比的消炎药17 分钟前
吃透 Sender 交互逻辑:提交快捷键事件与方法实战运用
vue.js
前端拷贝猿19 分钟前
设备活动弹窗功能需求分析
前端
飞天狗11124 分钟前
零基础JavaWeb入门——第五课第一小节:九大内置对象 · 第1个:request(请求对象)
java·开发语言·前端·后端·servlet
a151084169335 分钟前
记一次大模型探索
java·服务器·前端
石山代码35 分钟前
变量与解构
开发语言·前端·javascript
888CC++1 小时前
箭头函数(ES6)
前端·javascript·es6
qq_419854051 小时前
css filter
前端·javascript·css
Agatha方艺璇1 小时前
VUE复习笔记
前端·vue.js