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

相关推荐
Lin86662 分钟前
Vue 3 + TypeScript 组件类型推断失败问题完整解决方案
前端
coding随想2 分钟前
从零开始:前端开发者的SEO优化入门与实战
前端
前端工作日常5 分钟前
我理解的JSBridge
前端
Au_ust5 分钟前
前端模块化
前端
顺丰同城前端技术团队5 分钟前
还不会用 Charles?最后一遍了啊!
前端
BUG收容所所长6 分钟前
二分查找的「左右为难」:如何优雅地找到数组中元素的首尾位置
前端·javascript·算法
彬师傅6 分钟前
geojson、csv、json 数据加载
前端
用户52709648744907 分钟前
🔥 我与 ESLint 的爱恨纠葛:从"这破玩意儿"到"真香警告"
前端
梨子同志7 分钟前
手动实现 JavaScript 的 call、apply 和 bind 方法
前端·javascript
梨子同志9 分钟前
ES6 let 和 const
前端·javascript