当前位置: 首页 > news >正文

前端如何将接口返回的码值转成对应的中文展示呢?

后端接口只返回码值,那前端如何将码值转成对应的中文展示呢?

项目中后端接口都是将码值返给前端,前端通过公共获取码值的接口然后将其对应转码
以下是举例操作:

 created() {//这是公共接口的码值表let oneType = [{value: '01',content: '一类',},{value: '02',content: '二类',},];//这是接口接口返回的结果值let result = [{proType: '01',},{proType: '02',},];//调用转码方法result.forEach((item) => {item.proName = this.getCode(oneType, item.proType);});console.log('result', result);},methods: {//前端转码方法getCode: (codeInfo, codeValue, isMult = false) => {if (!codeInfo) {return codeValue;}if (!codeValue) {return '';}if (isMult) codeValue = isMult ? codeValue.split(',') : codeValue;let codeName = '',codeValues = [];for (let i = 0; i < codeInfo.length; i++) {if (Array.isArray(codeValue)) {for (let j = 0; j < codeValue.length; j++) {if (codeValue[j] === codeInfo[i].value) {codeValues.push(codeInfo[i].content);}}} else {if (codeValue === codeInfo[i].value) {codeName = codeInfo[i].content;break;}}codeName = codeValues.join(',');}return codeName == '' ? codeValue : codeName;},},
http://www.lryc.cn/news/338364.html

相关文章:

  • 智慧公厕中的大数据、云计算和物联网技术引领未来公厕管理革命
  • Excel与项目管理软件比较?哪个是项目组合管理的最佳选择?
  • 过程控制风格的软件架构设计概念及其实际应用
  • WPF 编辑器模式中隐藏/显示该元素
  • 分布式事务 - 个人笔记 @by_TWJ
  • 解决前端笔记本电脑屏幕显示缩放比例125%、150%对页面大小的影响问题--数据可视化大屏
  • 【PG-1】PostgreSQL体系结构概述
  • jq命令简易教程——Linux中处理JSON数据的利器
  • 前端开发攻略---Vue实现防篡改水印的效果。删除元素无效!更改元素属性无效!支持图片、元素、视频等等。
  • 在Go语言中复制sync类型
  • Golang | Leetcode Golang题解之第25题K个一组翻转链表
  • 【初学】前后端flask+vue组合GET案例
  • 计算机科学与技术CS考研408资料
  • ACID模型是什么
  • 【Linux】基础IO----理解缓冲区
  • java学习之路-继承
  • Linux系统——Elasticsearch企业级日志分析系统
  • 多协议接入视频汇聚EasyCVR平台vs.RTSP安防视频EasyNVR平台:设备分组的区别
  • Spring Security Oauth2 之 理解OAuth 2.0授权流程
  • mysql题目4
  • GFS部署实验
  • 最前沿・量子退火建模方法(1) : subQUBO讲解和python实现
  • 如何在Linux部署MeterSphere并实现公网访问进行远程测试工作
  • postgis导入shp数据时“dbf file (.dbf) can not be opened.“
  • StarUML笔记之从C++代码生成UML图
  • sizeof()和strlen
  • Python学习笔记13 - 元组
  • [leetcode]remove-duplicates-from-sorted-list-ii
  • 共享内存和Pytorch中的Dataloader结合
  • 分享 WebStorm 2024 激活的方案,支持JetBrains全家桶