jeecgbootvue3列表数据状态为数字时，手动赋值的三种方法

糕冷小美n

于 2024-12-31 15:12:10 发布

阅读量586

点赞数 4

文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/m0_65360496/article/details/144850387

版权

例如：返回数值 1为新增 0为提交审核，2审核通过需要展示审批状态

处理方法代码展示：

1、没有数据字典直接使用循环赋值

效果展示：

2、有数据字典直接赋值并添加样式，注意（attendance_fake_range）为数据字典名称

customRender: ({ text }) => {
      const color = text == '0' ? 'green' : text == '-1' ? 'red' : 'gray';
      return render.renderTag(render.renderDict(text, 'attendance_fake_range'), color);
    },

效果展示

3、如果后端有返回bmpStatus_dictText的中文值可以直接替换字段如图