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

相关推荐
光算科技2 分钟前
单页应用SEO可行性丨Angular项目的3个索引优化方案
前端·javascript·angular.js
ggaofeng7 分钟前
实践NPM打包和使用
前端·npm·node.js
一只小bit12 分钟前
Qt MainWindow:主窗口组件的介绍与正确使用
前端·c++·qt
Macbethad28 分钟前
半导体EFEM设备TwinCAT程序设计方案
java·前端·网络
ggaofeng33 分钟前
理解npm的原理
前端·npm·node.js
摘星编程34 分钟前
React Native for OpenHarmony 实战:SnapCarousel 轮播组件详解
javascript·react native·react.js
电商API_1800790524737 分钟前
1688商品详情采集API全解析:技术原理、实操指南与业务落地
大数据·前端·人工智能·网络爬虫
記億揺晃着的那天37 分钟前
Chrome 自动填充“用户名”到普通输入框 - 解决方案
前端·chrome
摘星编程1 小时前
React Native for OpenHarmony 实战:PagingScroll 分页滚动详解
javascript·react native·react.js
LawrenceLan1 小时前
Flutter 零基础入门(二十一):Container、Padding、Margin 与装饰
开发语言·前端·flutter·dart